Components
Components
TextField
Labeled text input with description and validation messaging.
newfree
Install
@hewnui/ui · @hewnui/themes · hewnui
First install? Follow Getting started for peers, CSS and providers.
Built on React Aria TextField. Labels sit above the control with optional helper and error text below.
We'll send billing receipts here.
That code is expired.
Usage
Variants
outline (default), filled, flushed, and glass.
Under the global glass material, boxed variants pick up tinted frost and
refraction. flushed stays underline-only so the bottom edge remains legible.
Sizes
sm, md (default), and lg.
States
- Description helper text
- Invalid +
errorMessage - Disabled
Accessibility
- Label association through React Aria
- Error text connected via field semantics
- Keyboard focus ring on the input
API reference
Props for TextField from @hewnui/ui/text-field. Generated from component types — not hand-written.
Prop
Type