Example of Keyboard Navigation in React Carousel Component

/
/
KeyboardNavigation

This sample demonstrates the keyboard navigation functionalities of the React Carousel component.

More Details...

Loading....
Description

The React Carousel component can be interacted with keyboard navigation. Below key combinations can be used in Carousel to initiate various actions.

  • Alt + J keys to focus the carousel component (done at application end).
  • Arrows keys to navigate between slides.
  • Home to navigate to the first slide.
  • End to navigate to the last slide.
  • Space to play/pause the slide transitions.
  • Enter to perform the respective action on its focus.

More information about React Carousel component keyboard navigations can be found in this documentation section.