Textarea

1import { Textarea } from '@/components/ui/textarea'
2
3export function TextareaDemo() {
4    return (
5        <div className="w-64 sm:w-96">
6            <Textarea placeholder="Write your thoughts here..." />
7        </div>
8    )
9}
10

1import { Textarea } from '@/components/ui/textarea'
2
3export function TextareaDisabled() {
4    return (
5        <div className="w-64 sm:w-96">
6            <Textarea placeholder="Write your thoughts here..." disabled/>
7        </div>
8    )
9}
10

1import { Label } from '@/components/ui/label'
2import { Textarea } from '@/components/ui/textarea'
3
4export function TextareaWithLabel() {
5    return (
6        <div className="w-64 space-y-2 sm:w-96">
7            <Label htmlFor="textarea">Enter Your Message</Label>
8            <Textarea placeholder="Write your thoughts here..." />
9        </div>
10    )
11}
12