nuxt-x-formkit

Phone Input

FormKit custom input type for formatted phone number entry.

The phone FormKit input type provides a formatted, validated phone number field. It is auto-registered by the layer — no manual import needed.

Components

Drop-in replacement for a standard text input when collecting phone numbers. Applies formatting and validates the number format on blur.

<FormKit
  type="phone"
  name="phone"
  label="Phone Number"
  validation="required"
  placeholder="+1 (555) 000-0000"
/>

Prop	Type	Default	Description
`name`	`string`	required	FormKit field name
`label`	`string`	—	Visible field label
`validation`	`string`	—	FormKit validation rules (e.g. `'required'`)
`placeholder`	`string`	—	Input placeholder text
`format`	`string`	`'national'`	Phone format: `'national'`, `'international'`, or `'e164'`

component: FormKit type="phone"
package: "@xenterprises/nuxt-x-formkit"
use-when: Collecting and validating phone numbers in FormKit forms

nuxt-x-formkit

FormKit DX enhancements for Nuxt — auto-configuration, custom inputs, and utilities.

Address Input

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