37:T102c,

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

const Demo = () => (
  <div className="grid w-full max-w-480 gap-8">
    <Label htmlFor="bio">Bio</Label>
    <Textarea id="bio" placeholder="Tell us about yourself" />
    <Textarea placeholder="Disabled" disabled />
  </div>
)

export default Demo

34:["$","div",null,{"className":"relative overflow-hidden rounded-16 bg-background-secondary","children":[["$","div",null,{"className":"overflow-x-auto p-16 pr-48 font-mono text-compact leading-[20px] [&_pre]:bg-transparent!","dangerouslySetInnerHTML":{"__html":"$37"}}],"$L38"]}] 39:Tfe4,

import { cn } from "@/lib/utils"

const Textarea = ({
  className,
  ...props
}: React.ComponentProps<"textarea">) => (
  <textarea
    data-slot="textarea"
    className={cn(
      "field-sizing-content min-h-96 w-full min-w-0 rounded-16 bg-glass-background-control px-16 py-12 text-body-bold text-text-primary shadow-glass-control outline-hidden backdrop-glass-thin ring-inset placeholder:text-body placeholder:text-text-tertiary placeholder:select-none focus:ring-2 focus:ring-text-primary disabled:cursor-not-allowed disabled:bg-background-disabled disabled:text-text-disabled disabled:placeholder:text-text-disabled aria-invalid:ring-2 aria-invalid:ring-border-negative",
      className
    )}
    {...props}
  />
)

export { Textarea }

36:["$","div",null,{"className":"relative overflow-hidden rounded-16 bg-background-secondary","children":[["$","div",null,{"className":"overflow-x-auto p-16 pr-48 font-mono text-compact leading-[20px] [&_pre]:bg-transparent!","dangerouslySetInnerHTML":{"__html":"$39"}}],"$L3a"]}]

Installation

Usage