Formulários
cosmemilton-ui/client

CmComboboxMulti

Use quando a seleção é múltipla e a lista é grande demais para o CmMultiSelect: é o campo de busca do CmCombobox marcando itens com checkbox, sem fechar a lista a cada clique.

Import

tsx
import { CmComboboxMulti } from "cosmemilton-ui/client";

Seleção múltipla com busca

Itens com descrição e keywords, um item desabilitado e resumo da seleção fora do foco.

Digite para filtrar por nome, região ou palavra-chave.

API rápida

Props principais de cada peça exportada.

CmComboboxMulti

itemsvalueonChangeonSearchnamelabelplaceholderrequirederrorsuccesshelperTextemptyState/emptyMessagewidthdisabled

Notas

É controlado: value é um array de strings e onChange devolve o array novo a cada item alternado.

O filtro digitado busca em label, description e keywords; onSearch (debounce de 300ms) delega a busca ao servidor.

Fora do foco o campo resume a seleção — "A, B" até 2 itens e "N selecionados" acima disso — com botão de limpar tudo, que não fecha a lista.

name sincroniza um <input type="hidden"> com os valores separados por vírgula, para envio em formulário nativo.

Teclado no padrão listbox (WAI-ARIA): setas navegam a lista filtrada, Enter alterna o item destacado e Esc fecha.