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