Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

Reka UI

Build accessible, unstyled Vue 3 components using Reka UI (formerly Radix Vue) with WAI-ARIA compliance.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

54

Skill

n/a

Size

134.4 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

components/pin-input.md

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

markdown46 linesFree

Pin Input

Multi-character code entry (OTP)

Parts: PinInputRoot, PinInputInput

PinInputRoot

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"div"`
`asChild`	`boolean`	-
`defaultValue`	`string[]`	-
`dir`	`"ltr" \	"rtl"`	-
`disabled`	`boolean`	-
`id`	`string`	-
`mask`	`boolean`	-
`modelValue`	`string[]`	-
`name`	`string`	-
`otp`	`boolean`	-
`placeholder`	`string`	`""`
`required`	`boolean`	-
`type`	`"number" \	"text"`	`"text"`

Emits

Event	Payload
`complete`	`[value: string[]]`
`update:modelValue`	`[value: string[]]`

Slots

Slot	Type
`modelValue`	`string[]`

PinInputInput

Props

Prop	Type	Default
`as`	`AsTag \	Component`	`"input"`
`asChild`	`boolean`	-
`disabled`	`boolean`	-
`index`*	`number`	-