Brickslab.Toolsv2.1.1

@brickslab./ui-web

Indicateur visuel de statut avec couleur et icône associées. Utilisé pour communiquer l'état d'un système, service ou entité. Supporte 4 états prédéfinis avec possibilité de personnaliser le libellé.

Aperçu

les 4 statuts — labels par défaut

status="active"Active
status="inactive"Inactive
status="pending"Pending
status="error"Error

labels personnalisés

active — label personnaliséService opérationnel
inactive — label personnaliséHors ligne
pending — label personnaliséDéploiement en cours
error — label personnaliséÉchec de build

Props

PropTypeDéfautRequisDescription
status"active" | "inactive" | "pending" | "error"—✓Statut à afficher. Détermine la couleur et l'icône associée au label.
labelstring——Texte personnalisé du label. Si omis, le composant utilise le libellé par défaut associé au statut.
Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  status="active"
  label="..."
/>
statuslabel

Utilisation

tsx
import { StatusLabel } from "@brickslab./ui-web";

// Les 4 statuts avec labels par défaut
<StatusLabel status="active" />
<StatusLabel status="inactive" />
<StatusLabel status="pending" />
<StatusLabel status="error" />

// Labels personnalisés
<StatusLabel status="active"   label="En ligne" />
<StatusLabel status="inactive" label="Hors ligne" />
<StatusLabel status="pending"  label="En attente de validation" />
<StatusLabel status="error"    label="Échec de connexion" />