Textarea

A multi-line text input field.

The Textarea captures multi-line text. It accepts all standard textarea attributes.

Preview

import React from "react";
import { Textarea } from "@/registry/spark-ui/textarea";

export default function TextareaDemo() {
  return (
    <div className="flex w-full items-center justify-center p-4">
      <Textarea
        placeholder="Type your message here."
        className="w-full max-w-sm"
      />
    </div>
  );
}

Usage

Installation

$ npx shadcn@latest add https://spark-ui-olive.vercel.app/r/textarea.json

Properties

Prop	Type	Default	Description
`placeholder`	`string`	`—`	Placeholder text shown when empty.
`disabled`	`boolean`	`false`	Disables the textarea.
`className`	`string`	`—`	Additional CSS classes.