Textarea

A multi-line text input with semantic color states, filled/outlined/ghost variants, size and resize controls, ported to React from the RockSolid (SolidJS) component library by Darshan Rajadhyaksha.

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 TextareaFullWidthDemo() {
  return (
    <div className="w-full">
      <Textarea
        fullWidth
        placeholder="Enter your delivery instructions..."
        aria-label="Delivery instructions"
      />
    </div>
  );
}