All components

Textarea

Multi-line text field.

Full API on ui.shadcn.com

Textarea uses bg-card

Same reason as Input. bg-transparent would make the textarea vanish when placed on a card.

Default

<Textarea placeholder="Write something..." />

With label

<div className="grid w-full max-w-sm gap-2">
  <Label htmlFor="note">Note</Label>
  <Textarea id="note" placeholder="Optional context" />
</div>