Components

Carousel

Carousel — a horizontally (or vertically) scrolling track of equal-status slides that snap into place as a person swipes or scrolls. Reach for it to browse a set where each item stands on its own — room photos, nearby attractions, amenity cards — rather than to walk someone through ordered steps. Pass the slides as `items`; each is wrapped in a `.carousel-item`, so give every node a width utility (e.g. `w-full`, `w-64`) in its own className to set how many show at once. Use `snap` to settle slides at the start, center, or end of the viewport, and `orientation="vertical"` for a scroll-down track. It scrolls with native CSS scroll-snap, so it is touch- and keyboard-scrollable with no JavaScript.