Kobana UI

CEP

Rua

Número

Complemento

Bairro

Estado

Cidade

Carregando...

Instalação

npx @kobana/ui add address-form-fields

Dependências shadcn/ui: form, input, popover, command, button

import { AddressFormFields } from "@/components/kobana/address-form-fields"

Prop	Tipo	Default	Descrição
`form`	`UseFormReturn`	—	Instância do react-hook-form
`baseName`	`string`	—	Prefixo para campos aninhados (ex: `"address"`)
`disabled`	`boolean`	—	Desabilita todos os campos
`cepApiUrl`	`string`	ViaCEP	URL da API de CEP
`citiesApiUrl`	`string`	—	URL da API de cidades
`fieldNames`	`FieldNames`	—	Override dos nomes dos campos
`className`	`string`	—	Classes adicionais

CEP (12.5ch)
Rua                  | Número (10ch)
Complemento          | Bairro
Estado (combobox)    | Cidade (combobox)

const form = useForm<FormData>()

<AddressFormFields
  form={form}
  baseName="address"
/>

Com baseName="address", os campos serão: address.zipCode, address.street, etc.