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

With Button

With addon

An addon places supporting content inside the same bordered field as the textarea. Wrap InputGroupTextarea and InputGroupAddon in InputGroup, and use align="block-end" to place the addon below the text.

Form