Textarea

A resizable glass-morphism textarea with focus glow and error state support.

Preview

Installation

npx shadcn@latest add @shadszn/textarea

Usage

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

export default function Example() {
  return <Textarea placeholder="Write your message..." rows={4} />
}

Error State

<Textarea error placeholder="This field is required" />

Props

Prop	Type	Default	Description
error	boolean	false	Applies red border styling to indicate an error.
placeholder	string	---	Placeholder text.
rows	number	---	Number of visible text rows.
disabled	boolean	false	Disables the textarea.