DS | Adila.co
Componentes

Autocomplete

Campo de texto livre com sugestões locais ou assíncronas.

Instalação

bun add @adila-sh/ui

Uso

const cities = [
  { value: "sao-paulo", label: "São Paulo" },
  { value: "recife", label: "Recife" },
];

<Autocomplete
  options={cities}
  placeholder="Digite uma cidade..."
  onValueChange={(value) => searchCities(value)}
  loading={isLoading}
/>;

O valor pode permanecer como texto livre. Para restringir a escolha aos itens da lista, use Combobox.

Dependências

  • @phosphor-icons/react

Nesta página