Textarea

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

export function TextareaDemo() {

Installation


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

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

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

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

export function TextareaDefault() {

Your message

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

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

export function TextareaDisabled() {

Your Message

Your message will be copied to the support team.

import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/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