ComponentsCore
Textarea
A multiline input area designed for entering extended text, such as messages, descriptions, or comments.
Example
Usage
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.
Copy and paste the following code into your project.
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.
Usage
Props
Loading types…