StateCombobox
Combobox de seleção de estado brasileiro (UF) com busca por sigla ou nome.
Carregando...
Instalação
npx @kobana/ui add state-comboboxDependências instaladas automaticamente: button, command, popover (shadcn/ui), lucide-react
Importação
import { StateCombobox } from "@/components/kobana/state-combobox"Props
| Prop | Tipo | Default | Descrição |
|---|---|---|---|
value | string | — | Sigla da UF selecionada (ex: "SP") |
onValueChange | (uf: string) => void | — | Callback disparado ao selecionar um estado, recebe a sigla da UF |
placeholder | string | "Selecione o estado" | Texto exibido quando nenhum estado está selecionado |
disabled | boolean | false | Desabilita o seletor |
className | string | — | Classes adicionais aplicadas ao botão acionador |
Uso
"use client"
import { useState } from "react"
import { StateCombobox } from "@/components/kobana/state-combobox"
export function Example() {
const [uf, setUf] = useState<string>()
return <StateCombobox value={uf} onValueChange={setUf} />
}A lista completa dos 27 estados brasileiros (26 estados + Distrito Federal) é embutida no componente, tornando-o autocontido. A constante BRAZILIAN_STATES e o tipo BrazilianState também são exportados para reuso.
import { BRAZILIAN_STATES, type BrazilianState } from "@/components/kobana/state-combobox"