17. Core Components
17.11 Text Input
Core Components · Section 17.11
Requirements:
- label
- optional description
- error message
- disabled
- readonly
- focus-visible
- prefix/suffix
- icons where appropriate
- autocomplete
- correct input type
Component composition:
<Field>
<FieldLabel>Email</FieldLabel>
<Input type="email" />
<FieldDescription />
<FieldError />
</Field>This is often more scalable than putting every concern directly on Input.