Usage

Enter your email

Controlled

Controlled Input

Value:

Variant

Outlined Outlined

Standard

Underlined

Bordered

Filled

Standard

Outlined Outlined

Bordered

Underlined

Sizes

Small

Medium

Large

Small Small

Medium Medium

Large Large

Radius

Enter your email

Helper Text

Username

Please use a unique username

Error State

Username

Please use a unique username

Disabled

Username

Clearable

Username

With Placeholder

Username

Without Label

Start & End Content

Amount

$

Discount

%

With Icon

Email

Required & Optional

Enter your username *

Enter your address *

Placeholder

Small

Medium

Large

Label Helper

Password

Forgot Password?

Secured Text

Password

Password Password

Numbers Only

Amount

$

Percentage

%

With decimal

Custom decimal precision

Standard All Props

Standard Input (Small)

Standard Input (Medium)

Standard Input (Large)

Standard Input (Filled)

Standard Input (Placeholder)

End and start content

Outlined All Props

Outlined Input (small) Outlined Input (small)

Outlined Input (medium) Outlined Input (medium)

Outlined Input (large) Outlined Input (large)

Outlined Input (Filled) Outlined Input (Filled)

Outlined Input Outlined Input

Underlined All Props

Underlined Input (small)

Underlined Input (medium)

Underlined Input (large)

Underlined Input (Filled)

Underlined Input

Bordered All Props

Bordered Input (small)

Bordered Input (medium)

Bordered Input (large)

Bordered Input (Filled)

Bordered Input

Input

A form element that allows users to input and submit data, supporting various types such as text, numbers, and more for seamless data entry.

Usage

Controlled

Variant

Filled

Sizes

Radius

Helper Text

Error State

Disabled

Clearable

With Placeholder

Without Label

Start & End Content

With Icon

Required & Optional

Placeholder

Label Helper

Secured Text

Numbers Only

Standard All Props

Outlined All Props

Underlined All Props

Bordered All Props