Docs
Textarea

Textarea

Displays a form textarea or a component that looks like a textarea.

import { Textarea } from 'ui'
 
export function TextareaDemo() {
  return <Textarea placeholder="Type your message here." />
}

Installation

npx shadcn-ui@latest add textarea

Usage

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

Examples

Default

import { Textarea } from 'ui'
 
export function TextareaDemo() {
  return <Textarea placeholder="Type your message here." />
}

Disabled

With Label

With Text

Your message will be copied to the support team.

With Button

Form

You can @mention other users and organizations.