Activity Heatmap
Grille de type contributions pour visualiser l'activite operationnelle dans le temps. Installez Activity Heatmap depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:Web
3 storiesVoir le composantSeverity Badge
Comparez Severity Badge pour React et React Native dans VLLNT UI 0.4.0 : source, dependances et capacites natives. Source uniquement, publication npm en attente.
Plateformes prises en charge:WebNatif
Apercu
Basculez entre clair et sombre pour inspecter l'apercu Storybook integre.
Etiquette de gravite operationnelle avec variantes de ton et pulsation optionnelle pour les incidents critiques. Fait partie de la famille data dans VLLNT UI, il est publie comme entree de registre lisible par machine — copiez la source directement dans votre application avec la CLI shadcn et possedez-la, sans dependance d'execution a une bibliotheque de composants.
Comparaison des plateformes
| Plateforme | Dependances | Capacites |
|---|---|---|
| Web | @vllnt/ui@^0.3.0 | Rendu navigateur, evenements DOM et semantique ARIA |
| Natif | @vllnt/ui-native, react-native | Interactions et accessibilite adaptees au natif |
Installation
Ajoutez Severity Badge a votre projet avec la CLI shadcn. La source arrive dans votre code, prete a etre adaptee :
pnpm dlx shadcn@latest add https://ui.vllnt.com/r/severity-badge.jsonSource
Stories
Explorez chaque variante et etat dans le Storybook interactif :