Textarea

A multi-line text input component with neumorphic styling.

Installation

$ npx shadcn@latest add "/r/textarea.json"

Usage

Sizes

Available in three sizes to accommodate different layouts.

Error State

Use the error prop to indicate an error state.

Disabled State

Use the disabled prop to disable the textarea.

Props

PropTypeDefaultDescription
size"sm" | "md" | "lg""md"The size of the textarea.
errorbooleanfalseWhether the textarea is in an error state.
disabledbooleanfalseWhether the textarea is disabled.
classNamestring-Additional CSS classes to apply to the textarea.