Input
Last Updated on Sep 29, 2022
Inputs are used to allow users to provide text input to the system. Inputs support various types of text, numbers, search input, files, passwords, etc.
Design Principles
- The input label is usually above the input, aligned to the left. In some cases, the label can be inline to the left of the input.
- Input labels should be concise and should not be longer than the actual input.
- Provide placeholder text where clarification is required, but avoid overuse.
- If the input is required an orange status icon appears callout the required status
Related Components
Input Callout