Components
Carousel
Carousels show a collection of items that can be scrolled on and off the screen
Known Limitations (Beta)
- Responsive behavior on mobile is not supported.
- Only the default (hero) variant is supported.
| Propriété | Type | Obligatoire | Valeur par défaut | Description | Condition |
|---|---|---|---|---|---|
marginPourcent | number | Non | 0 | — | — |
onMetricsChange | (metrics: CarouselMetrics) => void | Non | — | Receive live metrics to better control the carousel externally | — |
variant | "hero" | "center-aligned" | "multi-browse" | "un-contained" | "full-screen" | Non | hero | — | — |
scrollSensitivity | number | Non | 1.25 | — | — |
gap | number | Non | 8 | — | — |
inputRange | [number, number] | Non | [0.21, 0.65] | — | — |
outputRange | [number, number] | Non | [42, 300] | — | — |