Carregando…

Chip Group

Inputs

Selectable chip filter set with single or multi-select and intent variants.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for inputs/chip-group

Instalação via CLI

$ npx kikitocn add chip-group

Exemplo de uso

Chip GroupExample.tsx

import { ChipGroup } from "@/components/ui/cn/chip-group/ChipGroup";

export function ChipGroupExample() {
  return (
    <ChipGroup />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`chips*`	`ChipGroupChip[]`	—	Array de { id, label, icon? }
`value`	`string[]`	—	Chips selecionados (controlado)
`defaultValue`	`string[]`	—	Seleção inicial (não-controlado)
`onChange`	`(value: string[]) => void`	—	Callback ao selecionar
`multiSelect`	`boolean`	`false`	Permitir múltipla seleção
`intent`	`'primary' \| 'neutral' \| 'success' \| 'danger'`	`'primary'`	Cor do estado selecionado
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho dos chips
`className`	`string`	—	Classes CSS extras

Carregando…