Accessible Slider
An accessible slider component that allows users to select a value or range of values by moving a handle along a track, providing an intuitive and interactive way to adjust settings or make selections. Users can navigate between slides using keyboard controls, and screen readers receive announcements about the current slide position. The component maintains proper focus management and includes ARIA attributes for enhanced accessibility.
Default
This slider displays one slide at a time and provides accessible navigation through previous/next buttons and pagination dots.
Slides per view
The slider will adjust the number of slides visible based on your styles.
Centered
The slider will center the active slide.
Opacity Animation
The slider will use an opacity animation to transition between slides.