Input

A form input field for collecting user data with various styles and sizes.

Different Widths

Verification Code (Extra Small)

6-digit code sent to your phone

Phone Number

Ext.

First Name (Medium)

Last Name (Medium)

Street Address (Full Width)

City

State

ZIP

With Clear Button

Email Address

Search Input with Button

Inline Search

Attached Button Style

Number Input with Controls

Quantity

Price

Discount (%)

Credit Card

Copy to Clipboard

API Key

Tags Input

Technologies

ReactTypeScript

Press Enter to add a tag

Variants

Default

Filled

Sizes

Small

Default

Large

Special Input Types

Date Picker

Time Picker

Date & Time

Month

Color Picker

URL

File Upload

Upload a file

PDF, PNG, JPG up to 10 MB

States

Disabled

Read Only

Error State

This field is required.

Password with Toggle

Password

Prefixes and Suffixes

Website URL

https://

Email Domain

@company.com

Social Handle

.aura.dev