Monstera

FilterChip

Le bouton qui ouvre un jeu de filtres et annonce combien sont posés.

Utilisation

import { FilterChip } from "@monstera/ui"

Variantes

Filled et ghost reprennent les tokens du Button : la puce suit la même mécanique de survol et de mode sombre.

Compte de filtres

count au-dessus de zéro affiche une BadgeNotification et bascule la puce en état sélectionné. À zéro, aucune pastille.

Icône seule

Sans libellé, la puce se referme sur son icône et devient un rond de 40 px. Le nom accessible passe alors par aria-label.

API

Prop

Type

Sur cette page