Simple input
input-01
59 components
Input
Redrawn from the Origin UI catalogue on Ndeko UI primitives. Open the code of any of them to copy it or the command that installs it.
Required input
input-02
Input with helper text
input-03
We will not share your email with anyone.
Input with hint
input-04
Optional
Input with brand focus
input-05
Input with error
input-06
This address has no domain ending. Try ada@lovelace.dev.
Filled input
input-07
Disabled input
input-08
Input with start icon
input-09
Input with end icon
input-10
Input with start inline add-on
input-11
https://
Input with end inline add-on
input-12
.com
Input with inline add-ons
input-13
€EUR
Input with start add-on
input-14
https://
Input with end add-on
input-15
.com
Input with inline and end add-ons
input-16
€EUR
Input with start select
input-17
Input with end select
input-18
Input with inline button
input-19
Input with end icon button
input-20
Input with end button
input-21
Input with button
input-22
Password with show toggle
input-23
Input with clear button
input-24
Search with shortcut
input-25
⌘K
Search with icon and button
input-26
Search with loader
input-27
Number input with steppers
input-28
Number input with chevrons
input-29
File input
input-30
Input with overlapping label
input-31
Floating label
input-32
Input with inset label
input-33
Input with character limit
input-34
0 of 50 characters used
Input with characters left
input-35
8 characters left
Date input
input-36
Start date
mmddyyyy
Time input
input-37
Meeting time
––––AM
Time input with start icon
input-38
Meeting time
––––AM
Time input with end icon
input-39
Meeting time
––––AM
Date and time input
input-40
Publish at
mmddyyyy––––
Date picker
input-41
Due date
mmddyyyy
Date range picker
input-42
Trip dates
mmddyyyy
mmddyyyy
Date range with unavailable days
input-43
Stay dates
mmddyyyy
mmddyyyy
Joined code input
input-44
Split code input
input-45
Spaced code input
input-46
Phone number input
input-47
Card number input
input-48
Expiry date input
input-49
Security code input
input-50
Card details
input-51
Password strength
input-52
Enter a password. Must contain:
- At least 8 characters, requirement not met
- At least 1 number, requirement not met
- At least 1 lowercase letter, requirement not met
- At least 1 uppercase letter, requirement not met
Read-only input
input-53
Copy to clipboard
input-54
Masked input
input-55
Timestamp input
input-56
Range input
input-57
Input with tags
input-58
- Sport
- Coding
- Travel
Input with inner tags
input-59
Red