Carousel
Native scroll snap. Buttons nudge; edges feather.
One
Two
Three
Four
Install
npx raster add carousel
Markup
<div class="rs-carousel"><div class="rs-carousel-track"><div class="rs-card">One</div><div class="rs-card">Two</div><div class="rs-card">Three</div></div><div class="rs-carousel-nav"><button class="rs-page">‹</button><button class="rs-page">›</button></div></div>
React
import { Carousel } from "@/components/raster/carousel";
<Carousel aria-label="Case studies">
{cases.map((c) => <CaseCard key={c.id} {...c} />)}
</Carousel>Classes
.rs-carousel.rs-carousel-track.rs-carousel-nav