Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
BrochureCarousel

Carousel

A row of cards to swipe on a phone, drag with a mouse or step through with the arrow buttons, with the next card peeking in from the edge.

<koala-carousel>

Reviews

Each child element is one card, set to a fixed card width and snapped into place as it scrolls. The row runs into the band's gutter so a card slides off the edge rather than being cut short by the column. The arrow buttons turn off at either end, and the left and right arrow keys step through the cards once the row has focus.

API

label string; what the cards are, read out as the carousel's name
band PageSoftTintInversePrimary; the band it sits on, when rendered from a partial