Skip to main content

<ButtonBack/> and <ButtonNext/>

These 2 buttons is used to move the slider 1 step back or next.

Import

import {ButtonNext, ButtonBack} from "react-scroll-snap-anime-slider";

Usage

<ButtonBack className="my-button-class">&lt;</ButtonBack>

<ButtonNext className="my-button-class">&gt;</ButtonNext>

Props

NameTypeRequiredDefaultDescription
propsButtonHTMLAttributes<HTMLButtonElement>NoProps to the ButtonBack/Next

CSS

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

Rule NameDescription
.rssas-slider-buttonFor Slider button
.rssas-slider-button-nextFor Slider button next
.rssas-slider-button-backFor Slider button back