Input

An input enables a person to type in text information.

When to use

- When a person should provide information to the application.

Examples

Input basic usage
Input as an uncontrolled component
Input compact size
Input with all available states



Input with enhancers
@

.00

$
.00

Search

@
.com
Input with before and after overrides
Search

Search
Input mask
Input with overrides
Input Focus with a ref

Additionally, you can fully customize any part of the Input through the overrides prop. The Input consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

$
.00