Components
Loading preview...
A multi-line text input field with support for custom styling and states.
npx shadcn@latest add https://21st.dev/r/sean0205/textareaimport { 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>
);
}