Inputs are text containers which can be used to create forms, enter data, and enact various commands.
Overview
Input is an extremely robust set of components designed to fill many needs throughout an interface. With the ability to have prefixes, suffixes, clear controls, icons, and buttons, Inputs can visually accomplish almost any stylistic need. Inputs also have the ability to have error states, as well as used in coordination with Input Message for hints, validation, and other important contextual feedback.
Inputs contain multiple types, such as "text", "number", "email", "password", "file", "tel", "search", "time", "date", etc.
Usage
- Text or number entries
- Any type of entry tied to validation
- Data entry
- Form elements
Sample
Accessibility
Keyboard navigation
| Key | Function |
|---|---|
Tab | Moves focus in and out of the component. |
Tab and Shift | Moves focus in and out of the component. |
Esc | If the component is focused and clearable with a value - will clear the value. |