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

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

components/pin-input.md

1# Pin Input
2 
3Multi-character code entry (OTP)
4 
5**Parts:** `PinInputRoot`, `PinInputInput`
6 
7## PinInputRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `string[]` | - |
15| `dir` | `"ltr" \| "rtl"` | - |
16| `disabled` | `boolean` | - |
17| `id` | `string` | - |
18| `mask` | `boolean` | - |
19| `modelValue` | `string[]` | - |
20| `name` | `string` | - |
21| `otp` | `boolean` | - |
22| `placeholder` | `string` | `""` |
23| `required` | `boolean` | - |
24| `type` | `"number" \| "text"` | `"text"` |
25 
26### Emits
27| Event | Payload |
28|-------|---------|
29| `complete` | `[value: string[]]` |
30| `update:modelValue` | `[value: string[]]` |
31 
32### Slots
33| Slot | Type |
34|------|------|
35| `modelValue` | `string[]` |
36 
37## PinInputInput
38 
39### Props
40| Prop | Type | Default |
41|------|------|---------|
42| `as` | `AsTag \| Component` | `"input"` |
43| `asChild` | `boolean` | - |
44| `disabled` | `boolean` | - |
45| `index`* | `number` | - |
46

Loading source

Preparing the source view

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

Marketplace

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

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

components/pin-input.md

1# Pin Input
2 
3Multi-character code entry (OTP)
4 
5**Parts:** `PinInputRoot`, `PinInputInput`
6 
7## PinInputRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `defaultValue` | `string[]` | - |
15| `dir` | `"ltr" \| "rtl"` | - |
16| `disabled` | `boolean` | - |
17| `id` | `string` | - |
18| `mask` | `boolean` | - |
19| `modelValue` | `string[]` | - |
20| `name` | `string` | - |
21| `otp` | `boolean` | - |
22| `placeholder` | `string` | `""` |
23| `required` | `boolean` | - |
24| `type` | `"number" \| "text"` | `"text"` |
25 
26### Emits
27| Event | Payload |
28|-------|---------|
29| `complete` | `[value: string[]]` |
30| `update:modelValue` | `[value: string[]]` |
31 
32### Slots
33| Slot | Type |
34|------|------|
35| `modelValue` | `string[]` |
36 
37## PinInputInput
38 
39### Props
40| Prop | Type | Default |
41|------|------|---------|
42| `as` | `AsTag \| Component` | `"input"` |
43| `asChild` | `boolean` | - |
44| `disabled` | `boolean` | - |
45| `index`* | `number` | - |
46