Textarea

Monolith Textarea component.

Basic usage of the Monolith Textarea.

Installation


$ pnpm dlx shadcn@latest add "https://ui.manpuc.me/r/textarea.json"

Usage

import { Textarea } from "@/components/ui/textarea"
 
export function MyComponent() {
  return (
    <Textarea placeholder="Type your message here." />
  );
}

Examples

With Label

Your message

With Text

Your message

Your message will be copied to the support team.

With Button

Disabled

Error State

Your message

Message cannot be empty.

API Reference

The Textarea component extends the standard HTML textarea attributes and adds the following props:

Prop	Type	Default	Description
`disabled`	`boolean`	`false`	Disables the textarea and reduces opacity.
`aria-invalid`	`boolean`	`false`	Applies the error state styling (red border and ring) when set to `true`.

Tag Tooltip

On This Page

Installation Usage Examples With Label With Text With Button Disabled Error State API Reference