Components
Loading preview...
Multi-line text input component with auto-sizing and validation states.
npx shadcn@latest add https://21st.dev/r/jshguo/interfaces-textarea"use client"
import { Textarea } from "@/components/ui/interfaces-textarea"
export default function TextareaWithLabelDemo() {
return (
<div className="flex w-full min-h-screen items-center justify-center bg-background p-8 overflow-hidden">
<div className="w-full max-w-md space-y-2">
<label htmlFor="bio" className="text-sm font-medium leading-none">
Bio
</label>
<Textarea
id="bio"
placeholder="Tell us a bit about yourself"
defaultValue="I'm a software engineer who loves building UIs."
className="min-h-32 resize-none"
/>
<p className="text-muted-foreground text-sm">
You can <span className="text-foreground">@mention</span> other users and organizations.
</p>
</div>
</div>
)
}