Components
Input
Displays a form input field or a component that looks like an input field, input groups, number input spinners, date input, date time input, time inputs, etc.
Loading
Installation
pnpm dlx shadcn@latest add @toui/input
Examples
Disabled
Loading
Readonly
Loading
Addon
Loading
Icon
Loading
File
Loading
Date
Loading
Time
Loading
Date & Time
Loading
Copy to clipboard
Loading
Clear button
Loading
Size
Loading
Form
Loading
API Reference
This component extends the native HTML <input> element with additional styling and size variants.
Input
This component is a custom implementation that extends the native HTML <input> element with the following custom props:
| Prop | Type | Default |
|---|---|---|
variant | ||
className |
Credits
- Built with Radix UI Slot.
- Built with React Aria.