Forms

Textarea

A multi-line text input built on a native textarea.

stableNo JS requiredBuilt on <textarea>hydrateless/textarea.css

A multi-line text input styled with the hl-textarea primitive and built on a native <textarea>. No JavaScript required.

Playground

Live

InvalidDisabled

Props

The framework bindings expose these props (and forward the rest to the root element).

Prop	Type	Default	Description
invalid	boolean	false	Apply the error state and set `aria-invalid`.

CSS variables

Override these on any ancestor to theme the component. See the theme studio to preview changes live.

CSS variable	Used for
--hl-border	Resting border color.
--hl-ring	Focus ring color.
--hl-radius-md	Corner radius.

Accessibility

• A native <textarea> with full keyboard, resize, and form support.
• The error state pairs with aria-invalid="true" so it is announced.

Related

InputA text input styled with the hl-input primitive.FieldAn accessible layout wrapper for one form control.