five-on-it / apps/client/src/ui/kit/Field
apps/client/src/ui/kit/Field
The kit's form fields, styled by the theme (kit.css), each with its label, a line of help under it, its error in place of the help (aria-invalid, aria-describedby) and, for text, a count of its characters: TextField, TextArea, NumberField (a number with its unit), Select, Switch (a checkbox drawn as a switch, role="switch"), Segmented (a few choices side by side) and ChoiceCards (choices as cards with a picture, a title and a line each). The choices are radio groups that the arrow keys move through. The id given goes on the control itself (the input, the group): the end-to-end tests find the fields by it.