Textarea

Multiline text input with thick navy outline and flat pastel focus styling.

textarea-demo.app

Installation

terminal.sh

npx y2kui@latest add textarea

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

export function Example() {
  return <Textarea placeholder="Type your message..." />;
}

Prop	Type	Default	Description
`variant`	'default' \| 'blue' \| 'pink' \| 'mint' \| 'lemon'	`'default'`	Pastel background style.
`resize`	'none' \| 'y' \| 'x' \| 'both'	`'y'`	CSS resize behavior.
`placeholder`	string	—	Placeholder text.
`disabled`	boolean	`false`	Disable the textarea.
`className`	string	—	Additional Tailwind classes.