darshan-rajadhyaksha

Textarea

Forms

About

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.

Code

How Textarea is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Textarea from "@/components/ui/textarea";

export default function TextareaDemo() {
  return (
    <Textarea placeholder="Tell us what you think..." aria-label="Feedback" />
  );
}

Dependencies

More by darshan-rajadhyaksha

View all
  • Switch

    Switch

    2
  • Backdrop

    Backdrop

    1
  • Avatar

    Avatar

  • Chip

    Chip

  • Progress Bar

    Progress Bar

  • Accessible Dialog

    Accessible Dialog

  • Input

    Input

  • Card Content

    Card Content

More in Forms

View all
  • Premium Auth

    Premium Auth

    524
  • Contact Card

    Contact Card

    1K
  • Book A Demo 1

    Book A Demo 1

    73
  • Form

    Form

    16
  • Login 1

    Login 1

    53
  • Book A Demo 3

    Book A Demo 3

    89
  • Hand-Drawn Checkbox

    Hand-Drawn Checkbox

    48
  • Login Card

    Login Card

    6