Reka | Reka UI

Prop	Default	Type
`as`	`'div'`	`AsTag \| Component` The element or component this component should render as. Can be overwritten by `asChild`.
`asChild`		`boolean` Change the default rendered element for the one passed as a child, merging their props and behavior. Read our Composition guide for more details.
`defaultValue`		`string[][]` The default value of the pin inputs when it is initially rendered. Use when you do not need to control its checked state.
`dir`		`'ltr' \| 'rtl'` The reading direction of the combobox when applicable. If omitted, inherits globally from `ConfigProvider` or assumes LTR (left-to-right) reading mode.
`disabled`		`boolean` When `true`, prevents the user from interacting with the pin input
`id`		`string` Id of the element
`mask`		`boolean` When `true`, pin inputs will be treated as password.
`modelValue`		`string[] \| null` The controlled checked state of the pin input. Can be binded as `v-model`.
`name`		`string` The name of the field. Submitted with its owning form as part of a name/value pair.
`otp`		`boolean` When `true`, mobile devices will autodetect the OTP from messages or clipboard, and enable the autocomplete field.
`placeholder`	`''`	`string` The placeholder character to use for empty pin-inputs.
`required`		`boolean` When `true`, indicates that the user must set the value before the owning form can be submitted.
`type`	`'text' as any`	`'number' \| 'text'` Input type for the inputs.

Emit	Payload
`complete`	`[value: string[]]`
`update:modelValue`	`[value: string[]]` Event handler called when the value changes.

Slots (default)	Payload
`modelValue`	`string[]` Current input values