v 0.0.1-alpha
Components
Documentation
Blog
Blocks
Figma
Search
⌘K
Figma Preview
Early Access
Figma Preview
Early Access
Early Access
Figma Preview
Components
Documentation
Blog
Blocks
Figma
Getting Started
Installation
Fundamentals
Components
Animations
Getting Started
Introduction
Installation
CLI
Figma
Changelog
Installation
Nextjs
Vite
Manual
Fundamentals
Color styles
Typography
Icons
Theme
Components
Accordion
Alert
Alert Dialog
Avatar
Badge
Banner
Breadcrumb
Button
Calendar
Check Box
Code Area
Collapsible
Combobox
Command
Currency Input
Date Picker
Dialog
Divider
Drawer
Dropdown
File Upload
Form
Hover Card
Input
Label
One Time Password Field
Pagination
Password
Phone Number
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Skeleton
Slider
Sonner
Spinner
Switch
Table
Tabs
Text Area
Tooltip
Animations
Fade
Coming Soon
Infinite Scroll
Coming Soon
Pointer
Coming Soon
components
Input
Capture text or data with customizable inputs
Source Code
Preview
Code
Loading
Installation
CLI
Manual
pnpm
npm
yarn
bun
Usage
Imports
components/ui/input.tsx
Code
components/ui/input.tsx
Examples
Input Sizes
Preview
Code
Loading
Disabled Input
Preview
Code
Loading
Invalid Input Field
Preview
Code
Loading
Email Input
Preview
Code
Loading
Url Input
Preview
Code
Loading
Number Input
Preview
Code
Loading
Credit Card Input
Preview
Code
Loading
Search
Preview
Code
Loading
Search with Suggestions
Preview
Code
Loading
Props
<Input>
Name
Default
Values
size
36
28
32
36
40
44
48
External Reference
-
-
<InputAddon>
Name
Default
Values
size
36
28
32
36
40
44
48
mode
default
default
icon
<InputWrapper>
Name
Default
Values
size
36
28
32
36
40
44
48
disabled
false
boolean
Hover Card
Label