Buttons allow the user to scroll step by step, forwards and backward between items inside the carousel.
import {Carousel} from 'caroucssel'; import {Buttons} from 'caroucssel/features/buttons'; const el = document.querySelector('.carousel'); const carousel = new Carousel(el, { features: [ new Buttons(), ], });
Do you want some more details? Go to the documentation or try the demo.
The pagination is a list of buttons that allow navigating directly to a specific item/index inside the carousel.
import {Carousel} from 'caroucssel'; import {Pagination} from 'caroucssel/features/pagination'; const el = document.querySelector('.carousel'); const carousel = new Carousel(el, { features: [ new Pagination(), ], });
Do you want some more details? Go to the documentation or try the demo.
@import '~caroucssel'; .selector { @include caroucssel(); @include caroucssel-snap(100%); }
<link rel="stylesheet" href=href="./caroucssel.min.css"> <div class="caroucssel use-use-snap"> <div>Item 1</div> <div>Item 2</div> </div>
Do you want some more details? Go to the documentation or try the demo.
npm i caroucssel
yarn add caroucssel