Textarea

npx radk add textarea

import { Textarea } from "@/components/ui/textarea"

<Textarea placeholder="Type your message here." />

import { Textarea } from "@/components/ui/textarea"
import { Label } from "@/components/ui/label"

<div className="grid gap-1.5">
  <Label htmlFor="message">Your message</Label>
  <Textarea id="message" placeholder="Type your message here." />
</div>

<Textarea placeholder="This is disabled." disabled />

"use client"

import { useState } from "react"

export function TextareaWithCount() {
  const [value, setValue] = useState("")
  const max = 200

  return (
    <div className="grid gap-1.5">
      <Textarea
        placeholder="Write your bio..."
        value={value}
        onChange={(e) => setValue(e.target.value)}
        maxLength={max}
      />
      <p className="text-xs text-muted-foreground text-right">
        {value.length}/{max}
      </p>
    </div>
  )
}