Textarea

Multi-line form textarea with brand-red focus ring. Forwards all native textarea props and uses focus-visible for accessible keyboard focus. Min-height 120px, full width by default.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Textarea to your project and fits it to your theme.

import Textarea from '@/components/ui/textarea'

export default function Demo() {
  return (
    <div className="p-8 bg-slate-50 max-w-2xl">
      <Textarea placeholder="Vertel ons over uw project — bijvoorbeeld de gewenste werkzaamheden, oppervlakte en timing." rows={6} />
    </div>
  )
}