Pin Input

For pin or verification codes with auto-focus transfer and masking options.

Library

Ark UI

Framework

React

Type

component

License

MIT

Install

npm install @ark-ui/react

Files

• packages/react/src/components/pin-input/index.ts
• packages/react/src/components/pin-input/pin-input-context.tsx
• packages/react/src/components/pin-input/pin-input-control.tsx
• packages/react/src/components/pin-input/pin-input-hidden-input.tsx
• packages/react/src/components/pin-input/pin-input-input.tsx
• packages/react/src/components/pin-input/pin-input-label.tsx
• packages/react/src/components/pin-input/pin-input-root-provider.tsx
• packages/react/src/components/pin-input/pin-input-root.tsx

Source

https://github.com/chakra-ui/ark

Categories

• Input Components
• React Input Components
• OTP Input Components
• React OTP Input Components
• Text Input Components
• React Text Input Components

More from Ark UI

• Clipboard
• Editable
• Number Input
• Password Input
• Accordion
• Angle Slider
• Avatar
• Carousel
• Checkbox
• Client Only
• Collapsible
• Collection