Get Started

Welcome Why We're Different Choosing a Variant Changelog License

Components

Overview Alert Dialog Checkbox Collapsible Dialog Field Input Menu Number Field Popover Progress Radio Scroll Area Select Separator Slider Switch Tabs Toggle Tooltip

Shared Components

Input Textarea

Card Avatar Table Alert Breadcrumb Pagination

0installs

Components Maps

GitHub stars

Home Docs Components SharedTextarea

Textarea (Shared)

Multi-line text input with optional auto-resize. Matches the Input styling with focus ring and validation states.

Overview

Textarea supports an autoResize prop that grows the textarea height as you type, removing the need for a scrollbar. It listens to both controlled value changes and direct user input.

Usage

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

<Textarea placeholder="Type here..." />

Installation

Install via CLI

TypeScript

npx edbn-ui@latest add textarea

Examples

Default

Bio

Auto Resize

Disabled

API Reference

autoResizeboolean

=false

When true, the textarea grows automatically as you type

placeholderstring

Placeholder text

disabledboolean

=false

Disable the textarea

classNamestring

Additional CSS classes

Textarea (Shared)

Multi-line text input with optional auto-resize. Matches the Input styling with focus ring and validation states.

Overview

Textarea supports an autoResize prop that grows the textarea height as you type, removing the need for a scrollbar. It listens to both controlled value changes and direct user input.

Usage

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

<Textarea placeholder="Type here..." />

Installation

Install via CLI

TypeScript

npx edbn-ui@latest add textarea

Examples

Default

Bio

Auto Resize

Disabled

API Reference

autoResizeboolean

=false

When true, the textarea grows automatically as you type

placeholderstring

Placeholder text

disabledboolean

=false

Disable the textarea

classNamestring

Additional CSS classes