Composants d'affichage
Les composants d'affichage servent à présenter du contenu visuel : titres, images, badges, modales, indicateurs de progression, etc.
Typographie et structure
| Composant | Description |
|---|---|
| Heading | Titres sémantiques (h1-h6) avec tailles et poids configurables |
| Panel | Conteneur de surface avec bordure et ombre optionnelle |
| Icon | Icônes SVG avec taille et couleur personnalisables |
Médias et identité
| Composant | Description |
|---|---|
| Image | Image avec ratios, sources multiples et lazy loading |
| Avatar | Avatar avec initiales, statut et badges |
| AvatarGroup | Groupe d'avatars avec gestion du surplus |
| Badge | Badge avec variantes, icônes et couleurs personnalisables |
Overlays et conteneurs
| Composant | Description |
|---|---|
| Dialog | Modale/tiroir polyvalent (center, left, right, top, bottom, full) |
| Popover | Bulle contextuelle avec placement intelligent |
| Alert | Alerte informative avec types success, warning, error, info |
| Tabs | Onglets avec variantes underline, contained et pills |
| Accordion | Panneaux dépliables avec ouverture simple ou multiple |
| Collapse | Zone dépliable individuelle |
Indicateurs
| Composant | Description |
|---|---|
| Progress | Barre de progression avec états et mode indéterminé |
| Spinner | Indicateur de chargement avec 5 styles d'animation |