nuxt-x-formkit

Currency Input

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

Currency Input

The currency FormKit input type renders a number input that displays values formatted as currency (e.g. $1,234.56) while emitting a plain numeric value to the form model. Auto-registered by the layer.

Components

`<FormKit type="currency" />`

<FormKit
  type="currency"
  name="amount"
  label="Amount"
  currency="USD"
  validation="required|min:1"
/>

Props

Prop	Type	Default	Description
`name`	`string`	required	FormKit field name; value is a raw number
`label`	`string`	—	Visible field label
`currency`	`string`	`'USD'`	ISO 4217 currency code for formatting
`locale`	`string`	browser locale	BCP 47 locale tag for number formatting
`validation`	`string`	—	FormKit validation rules
`min`	`number`	—	Minimum allowed value
`max`	`number`	—	Maximum allowed value

AI Context

component: FormKit type="currency"
package: "@xenterprises/nuxt-x-formkit"
use-when: Collecting monetary amounts with locale-aware display formatting in FormKit forms

Edit this pageorReport an issue

Address Input

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

File Upload Input

FormKit custom input type for drag-and-drop or click-to-browse file selection with preview.