Textarea

The Textarea component allows users to input multi-line text. It supports all standard HTML textarea attributes along with custom label, helper text, and error states.

Live Preview

Installation

Usage Guide

1. Import the Component

Import the component into your React or Next.js page:

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

2. Implementation Example

Render the component and customize its behavior by passing props:

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

export default function Example() {
  return (
    <div className="w-full flex items-center justify-center p-8">
      <Textarea
        error="example"
        label="example"
        helperText="example"
      />
    </div>
  );
}