Textarea

A multi-line text field that can grow with its content — no JavaScript required.

Inputs

Playground

Tweak the props, the preview and the code follow.

Props

placeholder

rows3

autoResize

invalid

disabled

<Textarea placeholder="Leave a comment…" rows={3} autoResize />

npx @plumsydev/plum-ui add textarea

Also pulls in label automatically.

import { Textarea } from "@/components/ui/textarea"

<Textarea autoResize placeholder="Write something…" />

autoResize uses CSS field-sizing: content. Browsers without support fall back to a fixed height.

Bio

0/180

Extends the native textarea element.

Prop	Type	Default
`autoResize` Grow with content using field-sizing.	`boolean`	`false`