decent-input demo

Basic Input Types

Demonstrating various input types supported by our Input component.

Text Input

.com

Email Input

.com

Password Input

Number Input

Date Input

Time Input

Datetime Input

Month Input

Search Input

URL Input

Telephone Input

File Input

Textarea

Input Variants

Different visual styles for the Input component.

Normal Input

Outlined Input

Filled Input

Underlined Input

Rounded Input

Floating Label

Input States

Various states of the Input component.

Disabled Input

Read-only Input

Loading State

Error State

This field has an error

Warning State

This is a warning

Success State

This is successful

Input Features

Additional features of the Input component.

With Icon

With Prefix

With Suffix

@example.com

Clearable Input

With Help Text

This is some help text

With Character Limit

0/20

Complex Examples

Combining multiple features of the Input component.

Username

Your unique username

0/15

Password

Password must be at least 8 characters

Email Address

@gmail.com

Email is valid