Input
The bare text box, for building a field from React Aria parts or for a Field around it. Most forms want TextField, which includes the label.
- Input
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Input
Without https://
Dark theme, Input
Without https://
High contrast theme, Input
Without https://
UsageLink to the section Usage
import { Input } from '@skribly/ui/forms'<Field label="Domain">{(control) => <Input {...control} />}</Field>Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- On its own it has no name: put it in a Field, a React Aria field, or give it an aria-label.
- Text is 16px under the sm breakpoint so iOS does not zoom in.
- The focus ring comes from the page defaults and stays visible in forced colours.
This demo runs through axe in all three themes on every test run. See what the tests check.