Rosette
Empreinte guillochée d'un objet : une même graine donne toujours le même dessin
Exemples
Une signature reconnaissable
EMPREINTE DÉTERMINISTE
Chaque dossier a sa signature.
Une même référence produit toujours le même tracé. Un motif discret pour identifier, suivre et retrouver un dossier.
AR-2026-042
<twig:ui:Rosette seed="AR-2026-042" :size="64" label="Empreinte de la mission" />Un tracé qui accompagne l’avancement
<twig:ui:Rosette seed="AR-2026-042" :progress="60" label="Avancement 60 %" />Planche : 48 références
48 graines, 48 tracés distincts : une empreinte reproductible, pas une icône choisie au hasard.
<twig:ui:Rosette seed="AR-2026-042" :size="32" />Props
| Prop | Défaut | Rôle |
|---|---|---|
seed | requis | Texte qui détermine le dessin (référence, identifiant) |
size | 32 | `16`, `20`, `24`, `32`, `40`, `64` |
progress | null | 0 à 100 : le trait principal s'arrête à la valeur |
loading | false | Le trait se trace en boucle (1,1 s) |
label | null | Nom accessible ; sans label, la rosette est décorative |
paths | null | `{ main, counter }` : chemins SVG calculés par PHP et rendus dans le HTML ; JS est alors facultatif |
Accessibilité
- Sans label, la rosette est aria-hidden et ne porte aucun sens.
- Avec label, elle est role="img" et annoncée.
- prefers-reduced-motion arrête le tracé de chargement.