Ready-to-use foundation components/blocks built on top of shadcn/ui.
The Animated example from the Input OTP docs.
The Controlled example from the Input OTP docs.
The Custom separator example from the Input OTP docs.
The main Input OTP demo from the docs.
The Disabled example from the Input OTP docs.
The Form example from the Input OTP docs.
The Invalid example from the Input OTP docs.
The Joined example from the Input OTP docs.
The Letters and numbers example from the Input OTP docs.
The Masked example from the Input OTP docs.
The Right to left example from the Input OTP docs.
The Separate example from the Input OTP docs.
The Sizes example from the Input OTP docs.
The Status example from the Input OTP docs.
The With Field example from the Input OTP docs.
The Read only example from the Input docs.
The Right to left example from the Input docs.
The Sizes example from the Input docs.
The With a button example from the Input docs.
The With a description example from the Input docs.
A row of media, text and actions for lists, settings and pickers, with a grouped surface and a hover highlight that glides between rows.
The Actions example from the Item docs.
The Avatar example from the Item docs.
The main Item demo from the docs.
The Grouped example from the Item docs.
The Header and footer example from the Item docs.
The Hover highlight example from the Item docs.
The Long content example from the Item docs.
The People example from the Item docs.
The Right to left example from the Item docs.
The Selectable example from the Item docs.
The Separator example from the Item docs.
The Sizes example from the Item docs.
The Variants example from the Item docs.
Key caps for shortcuts that show the right symbols on every platform, read them out properly and press down with the real keys.
The main Kbd demo from the docs.
The Icons and actions example from the Kbd docs.
The In a button example from the Kbd docs.
The Live keys example from the Kbd docs.
The Right to left example from the Kbd docs.
The Shortcuts example from the Kbd docs.
The Sizes example from the Kbd docs.
The Variants example from the Kbd docs.
A label that follows its control, dimming when it's disabled and marking it required or optional on its own.
The Checkbox example from the Label docs.
The main Label demo from the docs.
The Follows its control example from the Label docs.
The Icon example from the Label docs.