ChartCircle
L'anneau de progression du kit, tracé en SVG sur un cercle de fond gris. Il démarre en haut et tourne dans le sens des aiguilles.
Utilisation
import { ChartCircle } from "@monstera/ui"Variantes
primary trace l'arc en navy, accent en teal. Le cercle de fond ne change pas d'une variante à l'autre.
Progression
value est ramené entre 0 et 100. À 0 l'arc n'est pas tracé du tout : il ne reste que le cercle de fond, sans amorce ni point de départ.
Tailles
size ne change que le rendu, le tracé garde son viewBox de 80. L'épaisseur du trait grandit donc avec le diamètre au lieu de rester constante.
Accessibilité
L'anneau exige un nom (aria-label ou aria-labelledby) : sans lui, un lecteur d'écran n'annonce qu'un pourcentage sans sujet.
API
Prop
Type