About
A multi-line text input field with support for custom styling and states.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Textarea to your project and fits it to your theme.
Code
How Textarea is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Textarea } from '@/components/ui/textarea';
export default function TextareaDemo() {
return (
<div className="flex flex-col gap-5 p-10 w-full mx-auto max-w-[600px] h-screen justify-center items-center">
<div className="w-full md:w-80 space-y-6">
<Textarea placeholder="Small" variant="sm" />
<Textarea placeholder="Medium" />
<Textarea placeholder="Large" variant="lg" />
</div>
</div>
);
}
Dependencies
More by Sean Hello
View all
3D Testimonails
3.6K
Line Charts 9
692
Alert
502
Line Charts 6
406
Area Charts 1
399
Scroll Area
378
Navigation Menu
345
Area Charts 2
325
More in Forms
View all
Premium Auth
555
Contact Card
1.1K
Form
17
Authentication Card
51
Book A Demo 1
87
Login 1
61
SignInPage
736
Login Card
33
