FilterChip

Beta

Chip de filtre interactif (toggle actif/inactif) — bouton natif, compteur optionnel, état disabled. Tokens accent Aurora, touch-target ≥ 44px. "use client" (gère onToggle).

import { FilterChip } from "@lyra/tokens/components";

Playground

Interactif — cliquer pour basculer

disabled — non interactif

Démo interactive — réglages du playground (props ajustables en direct) à venir.

<FilterChip
  active={isActive}
  label="Alimentation"
  count={24}
  onToggle={() => toggleFilter("food")}
/>

<FilterChip active={false} label="Voyage" disabled onToggle={() => {}} />

Documentation

actif
inactif
disabled
count

active, label, onToggle, count, disabled

<FilterChip
  active={isActive}
  label="Alimentation"
  count={24}
  onToggle={() => toggleFilter("food")}
/>

<FilterChip active={false} label="Voyage" disabled onToggle={() => {}} />