crafter/ uiSource
Components/shadcn/Input OTP

Input OTP

Input OTP with Crafter styling. Explore the live example and use the source in your project.

shadcn / Base UI

Form

Verify your login
Enter the verification code we sent to your email address: m@example.com.

I no longer have access to this email address.

Having trouble signing in? Contact support
CRAFTER STYLEOpen style generator ↗Interactive · React 19

Installation

Add the shadcn primitive and the shared Crafter theme to a Base UI project. The theme updates your project-wide tokens.

Terminal
bunx --bun shadcn@4.21.0 add http://localhost:4324/r/input-otp.json
First time here? Read the setup guide ↗

Composition

A foundation for your own components. The source stays close to the upstream API.

Input OTP

From the foundation

These primitives use shadcn Base UI with the same Crafter colors, typography and corners as this entire site. Customize that shared identity in the style generator.

Upstream documentation ↗