Textarea

Docs

Textarea

Displays a form textarea or a component that looks like a textarea.

textarea-01

Simple textarea

textarea-02

Required textarea *

textarea-03

Textarea with helper text

Please add as many details as you can

textarea-04

Textarea with hintOptional

textarea-05

Textarea with colored border and ring

textarea-06

Textarea with error

Message should be at least 10 characters

textarea-07

Textarea with gray background

textarea-08

Shorter textarea

textarea-09

Disabled textarea

textarea-10

Textarea with left button

textarea-11

Textarea with right button

textarea-12

Textarea with button

textarea-13

Textarea with overlapping label

textarea-14

Textarea with label animation

textarea-15

Textarea with inset label

textarea-16

Textarea with characters left

180 characters left

textarea-17

Textarea with no resize

textarea-18

Read-only textarea

This is a read-only textarea

textarea-19

Autogrowing textarea

textarea

Displays a form textarea field or a component that looks like an textarea field.

Installation

pnpm dlx shadcn@latest add "https://designali.in/r/textarea"

Props

Prop	Type	Description	Default

Tab Tooltip

On This Page

textarea
- Installation
- Props