Input - SimUI

Input

Component for text input with various styles and validation options

Simple input

Required input *

Input with helper text

We won‘t share your email with anyone

Input with hintOptional

Input with colored border and ring

Input with helper text

Email is invalid

Input with gray background

Disabled input

Input with start icon

Input with end icon

Input with start inline add-on

https://

Input with end inline add-on

.com

Input with inline add-ons

EUR

Input with start inline add-on

https://

Input with end inline add-on

.com

Input with end inline button

Input with end icon button

Input with end button

Input with end inline button

Input with clear button

Search input with shortcut

⌘K

Input input with icon and button

Input with inline add-ons

Number input with plus/minus buttons

Number input with chevrons

File input

Input with overlapping label

Input with insert label

Input with character limit

0/50

Input with characters left

10 characters left

Date input

Time input

Time input with start icon

Time input with end icon

Date and time input

Date picker

Date range picker

Date range picker (unavailable dates)

OTP input single

OTP input double group

OTP input with space

Card number

Expiry date

CVC Code

Card details

Input with end inline button

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

Readonly input

Copy to clipboard

Input with mask

Timestamp

Simple input

Sport Music Movies

Input with inner tags

Angular

Didn't find what you were looking for?