styledsea
Inputs

Input

Retrieve text input from a user.

Default input

API Reference: Input

This component is based on the Input element and supports all of its props.

PropTypeDefault
className
string
-
inputClassName
string
-
hasError
boolean
-

Input with error

To style the Input for an error state, use the hasError prop.

Input with label

Input with type "Password"

Clicking on the icon switches the input type from password to text.

Input with type "File"

You are only allowed to upload .CSV, .XLSX or .XLS files.

Input with type "number"

Type number activates the prop enableStepper by default.

Example: Controlled input

Search:

Last updated on

On this page

Edit on GitHub