Skip to main content

<Slider/>

Slider is a wrapper for all the Slide elements. There is also a tray element inside it.

Import

import {Slider} from "react-scroll-snap-anime-slider";

Usage

<Slider
id="my-slider"
aria-label="my slider"
>
// Slide elements
</Slider>

Props

NameTypeRequiredDefaultDescription
Any DIV PropsReact.HTMLAttributes<HTMLDivElement>NoDIV Element props
trayPropsReact.HTMLAttributes<HTMLDivElement>NoProps to the slider tray

CSS

You can override the default style by using these class names.

Rule NameDescription
.rssas-sliderFor Slider
.rssas-slider-trayFor tray DIV