Foundation

Logo
Typography

Tokens

Color
Typography
Spacing
Radii
Effects
Motion

Components

Accordion
Alert
Alert Dialog
Aspect Ratio
Avatar
Badge
Breadcrumb
Button
Button Group
Calendar
Card
Carousel
Chart
Checkbox
Collapsible
Combobox
Command
Context Menu
Dialog
Drawer
Dropdown Menu
Hover Card
Input
Input Group
Input Otp
Label
Menubar
Navigation Menu
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Skeleton
Slider
Spinner
Switch
Table
Tabs
Textarea
Toggle
Toggle Group
Tooltip

Motion

Overview

Home
System
Components
Input Otp

25

Input Otp

One-time password input with auto-advance.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

·Instagram LinkedIn GitHub YouTube·Gallery·Doom