← Back to Home

List of Inputs

See the source code

Normal Text Input

Helper text

Text Input with required validation (onTouched)

Helper text

Text Input Read Only

Helper text

Normal Password Input

Helper text

Text Input Read Only

Helper text

Default Text Area

Helper text

Text Area Read Only

Helper text

Default DatePicker

Helper text

DatePicker Read Only

Helper text

Normal Select

Helper text

Select with required validation

Helper text

Select with default value

Helper text

Select Read Only

Helper text

Normal Dropzone Input

Drag 'n' drop some files here, or click to select files

Helper text

Dropzone Input with required validation

Drag 'n' drop some files here, or click to select files

Helper text

Dropzone Input with max files

Drag 'n' drop some files here, or click to select files

You can only drop 3 files here

Dropzone Input with certain accepted file

Drag 'n' drop some files here, or click to select files

You can only drop .jpg, .jpeg, and .png image here

Normal Select

Select...

Helper text

Select with required validation

Placeholder using props

Helper text

Select with default value

Option 3

Helper text