Core ElementsFree

Textarea

A multi-line text field with sm/default/lg sizes and an optional character counter.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { Textarea, TextareaField, TextareaFieldProps } from "@wunderui/react"

Label, optional hint, a character count and helper text.

Label Optional

Text information for the box0/200

A message box with the send button inside.

Message

0/200

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

A comment box with a character count; the send button stays off until there is text.

Send feedback

Tell us what works and what gets in your way.

Your feedback

0/280