Composant · Feedback
Rating
StableNote par étoiles, contrôlée par value. Cliquable et navigable au clavier, ou en lecture seule ; option de demi-étoiles.
Exemples
Interactif
Voir le code (Svelte)
<Rating value={3} max={5} label="Note du produit" />allowHalf
Voir le code (Svelte)
<Rating value={3.5} max={5} allowHalf label="Avis" />readonly
Voir le code (Svelte)
<Rating value={4} max={5} readonly size="sm" label="Moyenne" />API
| Prop | Type | Default |
|---|---|---|
value | number | 0 |
max | number | 5 |
onChange | (value: number) => void | – |
readonly | boolean | false |
allowHalf | boolean | false |
size | "sm" | "md" | "lg" | "md" |
label | string | – |
Recliquer l'étoile déjà sélectionnée remet la note à zéro. Le groupe expose un rôle accessible étiqueté par label.
Tokens utilisés
--st-semantic-text-primary--st-semantic-border-subtle