Status
Un point de statut (en ligne, alerte…). Huit couleurs, cinq tailles.
Vue d'ensemble : color × size
Réglages
Chaque réglage correspond à une propriété du composant.
La couleur du point. « neutral » est pensé pour un fond coloré, pas blanc.
La taille, de très petit (xs) à très grand (xl).
Le nom lu par les lecteurs d'écran. À fournir quand le point est la seule information (sans texte à côté) : sinon il reste masqué, comme purement décoratif.
Des classes en plus, pour tester une personnalisation.
Le code correspondant
import Status from "@neo/ui/components/Status.astro";
<Status />