Chip
La pilule qui porte une valeur choisie : un filtre posé, une étiquette, un critère qu'on peut retirer.
Utilisation
import { Chip } from "@monstera/ui"Avec icône
Label seul
Activé
Anatomie
Icône et libellé sont facultatifs. Sans onClick ni onDelete, la puce est une simple étiquette : rien n'est cliquable.
Sélection
onClick rend le corps cliquable et active est un état persistant, à tenir soi-même. Le survol ne l'écrase pas : une puce activée le reste sous le curseur.
Auto
Travaux
Trésorerie
Suppression
onDelete fait apparaître la croix, dans son propre bouton à côté du corps. Le libellé du bouton se règle avec deleteLabel.
API
Prop
Type