Textarea

registry/examples/textarea-demo.tsx

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

export default function TextareaDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nusa-ui.vercel.app/r/textarea.json

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

<Textarea placeholder="Type your message here." />

registry/examples/textarea-default.tsx

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

export default function TextareaDefault() {

Your message

registry/examples/textarea-with-label.tsx

import { Label } from "@/registry/ui/label"
import { Textarea } from "@/registry/ui/textarea"

registry/examples/textarea-disabled.tsx

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

export default function TextareaDisabled() {

Your Message

Your message will be copied to the support team.

registry/examples/textarea-with-text.tsx

import { Label } from "@/registry/ui/label"
import { Textarea } from "@/registry/ui/textarea"

All standard HTML textarea attributes are supported.

Prop	Type	Default	Description
`placeholder`	`string`	-	Placeholder text
`disabled`	`boolean`	`false`	Disable the textarea
`rows`	`number`	-	Number of visible text lines