Textarea

Multi-line text input with consistent styling.

Preview

Installation

npx drivn add textarea

Usage

1 import { Textarea } from "@/components/ui/textarea"
2 
3 export default function Page() {
4   return (
5     <Textarea placeholder="Type your message..." />
6   )
7 }

Disabled

Disabled state with reduced opacity.

API Reference

Prop	Type	Default	Description
`placeholder`	string	—	Placeholder text shown when empty
`disabled`	boolean	—	Disables the textarea
`className`	string	—	Additional CSS classes to apply

1	import { Textarea } from "@/components/ui/textarea"
2
3	export default function Page() {
4	return (
5	<Textarea placeholder="Type your message..." />
6	)
7	}