<tyro-ui-chip>

Chip

Composant badge sémantique avec 5 variantes, 2 tailles, icône optionnelle et bouton de suppression optionnel. Le contenu est projeté via ng-content.

Variantes

Toutes les variantes (md)

Default

Accent

Success

Warning

Danger

Tailles

sm et md

Avec icône

Classe Remix Icon via [icon]

Actif

En attente

Bloqué

Admin

Supprimable

[removable] + événement (removed)

Tag 1

Tag 2

Actif

Inputs

Propriété	Type	Défaut	Description
`[variant]`	`'default' \| 'accent' \| 'success' \| 'warning' \| 'danger'`	`'default'`	Couleur sémantique du chip
`[size]`	`'sm' \| 'md'`	`'md'`	Taille du chip
`[icon]`	`string`	`-`	Classe d'icône Remix Icon affichée à gauche du texte
`[removable]`	`boolean`	`false`	Affiche un bouton × pour supprimer le chip

Outputs

Événement	Payload	Description
`(removed)`	`void`	Émis quand l'utilisateur clique sur le bouton de suppression

Sémantique des variantes

Variante	Usage
default	État neutre, tags génériques
accent	Rôle, catégorie, valeur mise en avant
success	État actif, validé, en ligne
warning	Avertissement, en attente
danger	Erreur, inactif, bloqué

Utilisation

<tyro-ui-chip variant="success" icon="ri-check-line">
  Actif
</tyro-ui-chip>

<tyro-ui-chip variant="danger" [removable]="true" (removed)="onRemove()">
  Tag
</tyro-ui-chip>