Source from repo

Nuxt UI v4

Reference for Nuxt UI v4 (125+ components built on Reka UI + Tailwind CSS v4) including forms, overlays, and theming.

onmaxGitHub onmaxSource repo Original GitHub link Publisher page

Files

129

Skill

n/a

Size

138.2 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

markdown26 linesFree

components/pin-input.md

1# PinInput
2 
3An input element to enter a pin.
4 
5> Based on [Reka UI PinInput](https://reka-ui.com/docs/components/pin-input)
6 
7## Key Props
8 
9- `type`: to change the input type.
10- `mask`: to treat the input like a password.
11- `otp`: to enable One-Time Password functionality.
12- `length`: to change the amount of inputs.
13- `placeholder`: to set a placeholder text.
14- `color`: to change the ring color when the PinInput is focused.
15- `variant`: to change the variant of the PinInput.
16- `size`: to change the size of the PinInput.
17- `disabled`: to disable the PinInput.
18 
19## Usage
20 
21```vue
22<UPinInput
23  <!-- props here -->
24/>
25```
26

Preparing the source view

Nuxt UI v4

components/pin-input.md