Skip to content

FilterChips ​

Visão Geral ​

Componente de filtros horizontais em formato de chips clicáveis.

Localização ​

frontend-react/src/components/ui/FilterChips.tsx

Uso ​

tsx
import { FilterChips } from './components/ui';

const options = [
  { value: 'all', label: 'Todos' },
  { value: 'active', label: 'Ativos' },
  { value: 'inactive', label: 'Inativos' },
];

<FilterChips
  options={options}
  value={selected}
  onChange={setSelected}
/>

Props ​

PropTipoPadrãoDescrição
optionsArray-Opções do filtro
valuestring-Valor selecionado
onChange(value: string) => void-Callback de mudança

Lançado sob a licença MIT.