Import
import { TextInput } from "@fuegokit/react";
Usage
A visual label should be provided for the TextInput using the label prop.
Accessibility
Text fields consist of an input element and a label.
TextInput manages the relationship between the two elements using the for attribute on the <label> element and the aria-labelledby attribute on the <input> element.
If a visible label isn't specified, an aria-label must be provided for accessibility.
If the field is labeled by a separate element, an aria-labelledby prop must be provided using the id of the labeling element instead.
Anatomy
Text inputs consist of HTML <label> and <input> elements, leading and trailing visuals, and a trailing action.
Text input