Components
Input
A single-line text field with sizes, invalid styling and focus rings.
Server componentNo state or handlers. Safe to render in a Server Component.
import { Input, inputVariants } from "@glob-ui/input"Preview
Examples
With a Field
Field wires the label, description and error to the input.
We never share it.
Enter a valid email address.
Sizes and disabled
size is sm, md or lg. Disabled inputs are skipped by Tab.
API
Props are generated from the TypeScript types in the package source.
InputProps
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Tab | Focuses the input. Disabled inputs are skipped. |
| Typing | Native text editing. The browser handles the caret, selection and autofill. |
ARIA. The input is a native <input>, so it needs a name. Use Field, or pass aria-label. When aria-invalid is set, the error styling and the screen reader state both follow.