nuxt-x-formkit

Address Input

FormKit custom input type for structured address entry with street, city, state, and postal code fields.

Address Input

The address FormKit input type renders a structured address block — street, city, state/province, postal code, and country — as a single logical field. Auto-registered by the layer.

Components

`<FormKit type="address" />`

Outputs a nested object matching the field name with sub-keys for each address part.

<FormKit
  type="address"
  name="billingAddress"
  label="Billing Address"
  validation="required"
/>

Props

Prop	Type	Default	Description
`name`	`string`	required	FormKit field name; value is a nested address object
`label`	`string`	—	Label for the address group
`validation`	`string`	—	FormKit validation rules
`showCountry`	`boolean`	`true`	Show the country select field
`countryOptions`	`string[]`	common countries	Country options for the select

AI Context

component: FormKit type="address"
package: "@xenterprises/nuxt-x-formkit"
use-when: Collecting structured mailing or billing addresses in FormKit forms

Edit this pageorReport an issue

Phone Input

FormKit custom input type for formatted phone number entry.

Currency Input

FormKit custom input type for currency amount entry with locale-aware formatting.