Command Palette

Search for a command to run...

Documentation

Getting Started
Design System
Icons
Changelog
Legal
Figma
Request Components
Request Icons

Elements

Accordion
Alert
Alert Dialog
Avatar
Avatar Groups
Badge
Breadcrumb
Button
Button Groups
Calendar
Combobox
Command
Context Menu
Data Table
Dialog
Drawer
Dropdown Menu
Menubar
Pagination
Popover
Progress
Rating
Sheet
Skeleton
Spinner
Table
Tabs
Toast
Toggle and Toggle Group
Tooltip

Forms

Checkbox
Date Picker
Input OTP
Input
Radio
Select
Slider
Switch
Textarea

Marketing

404
Banners
Blog List
Blog Post
Call to Action
Cookies
FAQ
Features
Footer
Header
Hero
Newsletters
Statistics
Testimonial Logos

Application

App Headers
Application Dialogs
App Sheets
Card Headers
Cards
Containers
Dividers
Empty States
Forgot Password
Login
Notifications
Registration
Section Headers

Newsletter

Get the latest news and updates from MynaUI

Subscribe for Updates

Input OTP

A simple input OTP component.

[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; } }

Not affiliated with Figma, TailwindCSS or shadcn/ui.

Affiliate Program