NOCTA UI

OTP Input

Secure multi-digit input for one-time passwords with paste support, validation states, and full keyboard control.

Installation

Install the OTP Input component using the nocta-ui CLI:

npx @nocta-ui/cli add otp-input

Import the component:

import { OTPInput } from '@/components/ui/otp-input';

Prop

Type

Input

A versatile input component with multiple variants, sizes, icons, and dark mode support

Radio Group

A lightweight and accessible radio group component for selecting a single option, supporting labels, descriptions, and full keyboard navigation