Documented
The component is fully documented
Figma component
Includes a link to a Figma component that has been imported to Supernova
Status
The component has a health status indicated
Healthy
Overview
The input component is used to collect text from a user.
Usage
- Ensure each input field is accompanied by a clear and descriptive label to indicate the expected input.
- Implement real-time validation and feedback to guide users in correcting errors immediately.
- Adjust the input field's size to reflect the expected length of the input, enhancing usability and aesthetic alignment.
- Ensure input fields are accessible, with proper tab order and screen reader support for users with disabilities.
- Use placeholder text to provide examples or hints, but not as a replacement for labels.
Variants
The input component consists of two variants: the default input and the placeholder input. The component has additional options including a link, an icon, and help text.
