Otp State Input

component

Styled input: the Otp-state set. 5 decorative input variations (ValidOtp, InvalidOtp, LoadingOtp, LockedOtp, CompleteOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/input-otp-state.json"

Sign In

Otp State Input

component

Styled input: the Otp-state set. 5 decorative input variations (ValidOtp, InvalidOtp, LoadingOtp, LockedOtp, CompleteOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/input-otp-state.json"

lucide-react@^1.23.0

components/ui/input-otp-state.tsx

lucide-react@^1.23.0

components/ui/input-otp-state.tsx