ComponentsCore
Textarea
A multiline input area designed for entering extended text, such as messages, descriptions, or comments.
Example
Installation
Required Component
This component depends on Field. Make sure you have installed and configured it before using this component.Install following dependencies:
npm install react-aria-components tw-animate-css tailwindcss-react-aria-components class-variance-authority lucide-react clsx tailwind-merge motionAdd cn helper using clsx and twMerge for conditional class merging in Tailwind components.
TypeScript
JavaScript
Copy and paste the following code into your project.
TypeScript
JavaScript
npx @libravelui@latest add text-areaAnatomy
import { Label } from "@/components/ui/core/field";
import { Textarea } from "@/components/ui/core/text-area";
import { TextField } from "@/components/ui/core/text-field";<TextField className="w-72">
<Label>Synopsis</Label>
<Textarea />
</TextField>With Form
This example demonstrates how to integrate the textarea component within a form context, showcasing form validation, error handling, and submission behavior seamlessly.
Props
Loading types…