Textarea

A light wrapper around the native textarea element that handles tedious accessibility concerns and provides more opinionated states for things like hover and focus.

Installation

npx headcn@latest add textarea

Usage

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

You can pass any props to an Textarea that you'd normally pass to the native textarea element.

Examples

Default

Disabled

With Label

With Button