Carousel — component.carousel
Bilder-Carousel auf scroll-snap-Basis: ohne JavaScript horizontal wischbar, der Controller ergänzt Pfeile, Punkte und Tastatur — kein Autoplay (bewusst)
Componentv1.0.0Inhaltweb.documentweb.application
Beispiele
Drei Folien mit Untertiteln
Einzelbild (keine Pfeile/Punkte)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
slides * | array | — |
ratio | string: 16:9 | 4:3 | 1:1 | "16:9" |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--carousel-arrow-background | var(--color-surface-default) |
--carousel-dot | var(--color-border-strong) |
--carousel-dot-active | var(--color-action-primary) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.strong color.border.subtle color.surface.default color.surface.sunken color.text.default color.text.muted elevation.raised focus.ring-color focus.ring-offset focus.ring-width font.family.default radius.full radius.surface size.1 size.10 size.2 size.3 text.sm