Textarea

A resizable native text area for longer answers.

View source Explore Storybook

Interactive preview

Live specimenTry the component

Project briefUp to 500 characters.

Archived brief

Installation

Add editable source to an initialized React project. Set up antiflex/ui first if you are new here.

Terminal

npx antiflex-ui@0.1.0-alpha.2 add textarea

This site previews the latest workspace styles and motion. The published alpha keeps its released styles until the next npm release.

Usage

React

<Field label="Project brief" description="Up to 500 characters.">
  <Textarea name="brief" rows={4} maxLength={500} />
</Field>

API reference

All components forward native attributes, className, and refs to their underlying elements.

Prop	Type	Default
`size`	`sm \| md \| lg`	`md`
`rows`	`number`	`4`
`value / defaultValue`	`string`	`—`

Accessibility

Provide a visible label via Field or Label. Required, invalid, description, disabled, readOnly, maxlength, native events, and textarea refs are supported. Vertical resizing stays available.