Shelf Carousel
A row of drawn covers with angled side items, floor reflections, drag and keyboard navigation and a centred caption.
Preview
Salt & Static
Priya Raman · 2024
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ShelfCarouselItem[] | — | Items in order: { id, title, subtitle?, cover }. |
| label | string | — | Accessible name of the carousel. |
| size | number | 168 | Cover size in px. |
| index | number | — | Centre item (controlled). |
| defaultIndex | number | 0 | Initial centre item. |
| onIndexChange | (index: number) => void | — | Called with the new centre index. |
| reflection | boolean | true | Mirror each cover on the floor below it. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.