Text input fields allows users enter and edit text. They typically appear in forms and dialogs. A text input field can have different states in order to provide visual feedback to user actions.
Anatomy
The anatomy of a input differs depending on the use case and context. These are the most commonly used features of an input field:
- Label. A label describing the input required.
- Placeholder. An example text indicating a possible input.
- Shadow. For inputs it's always the token shadow-ui-inward.
- Unit. In use cases where the unit of the input needs to be specified.
- Comment. For extra context and/or validation messaging.