Textarea

Multi line text with a mono character count.

FreeWeb and MobileMotion

npx shadcn add @fetaui/textarea

Playground

0/200

Count

27/40

Near limit

38/402 characters left

Invalid and disabled

Icons animation

Invalid

Disabled

Motion

Installation

Terminal· bash

1 npx shadcn add @fetaui/textarea

Count

Limit adds a mono count. It warns and never stops typing.

27/40

Invalid

Disabled

Motion

Accessibility

A native textarea.
The count is announced politely from 90% of the limit.

Motion

Focus lifts the box to the surface.
The count turns warning at 90% and danger past the limit.
With reduced motion, colours change at once.

Responsive behavior

A resize grip on Web. 16 px text on Mobile.

Performance

No Motion: focus and count colors are CSS.
The screen reader status renders only from 90% of the limit.

Note for AI

Give your coding assistant the Markdown reference instead of screenshots.

Import Textarea from @/components/fetaui/textarea. Wrap it in Field for a label and error.
limit only counts. People can type past it, the box turns invalid, and your form must refuse the value.
For a composer that grows with its text, use InputGroupTextarea from Input Group.

/docs/components/textarea/markdown

Related

InputComponentThe single line text control: a pill on the tray fill that lifts onto the surface when focused.FieldComponentLabel, control and help text as one unit, so they read, validate and announce together.Input GroupComponentIcons, text and actions inside the same ring as the input, so the group focuses and validates as one.LabelComponentThe name of a control, tied to it so a click on the label focuses the field.