Composant · Navigation
SlideIndicator
StablePoints ou barres signalant la diapositive courante d'un carrousel. Chaque repère est cliquable et navigable au clavier (flèches, Début/Fin).
Exemples
Points
Voir le code (Svelte)
<SlideIndicator count={5} current={1} label="Diapositive" />variant="bars"
Voir le code (Svelte)
<SlideIndicator count={4} current={2} variant="bars" label="Diapositive" />size="lg"
Voir le code (Svelte)
<SlideIndicator count={6} current={0} size="lg" label="Diapositive" />API
| Prop | Type | Default |
|---|---|---|
count | number | requis |
current | number (index 0-based) | 0 |
onChange | (index: number) => void | – |
size | "sm" | "md" | "lg" | "md" |
variant | "dots" | "bars" | "dots" |
label | string | "Diapositive" |
Rend une liste de boutons avec role="tablist" ; le repère courant porte aria-current. label préfixe l'étiquette accessible de chaque repère.
Tokens utilisés
--st-semantic-text-primary--st-semantic-border-subtle