textarea

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

Installation

npx @gentleduck/cli add textarea
npx @gentleduck/cli add textarea

Usage

import { Textarea } from '@/components/ui/textarea'
import { Textarea } from '@/components/ui/textarea'
<Textarea />
<Textarea />

Examples

Default

Disabled

With Label

With Text

With Button

Form

You can @mention other users and organizations.

API Reference

Textarea

  • props (React.HTMLProps<HTMLTextAreaElement>): All other native textarea props forwarded to the underlying element.

Behavior: Renders a styled native <textarea> element with default styles for borders, padding, focus ring, disabled state, and responsive font sizing. Supports additional class names and ref forwarding. The duck-textarea attribute is added for custom styling or targeting.

TabsToggle