indevuiTextarea

Forms

About

Here is indevui Text component

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

Code

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

Usage.tsx

// demo.tsx
import Textarea from '@/components/ui/indevui-textarea';

function TextareaDemo() {
  return (
    <div className="flex w-full max-w-sm flex-col gap-6 rounded-md border p-6">
      <div className="grid w-full gap-2">
        <label htmlFor="message" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
          Your Message
        </label>
        <Textarea placeholder="Type your message here." id="message" />
        <p className="text-sm text-muted-foreground">
          Your message will be sent to our support team.
        </p>
      </div>
      <div className="grid w-full gap-2">
        <label htmlFor="message-disabled" className="text-sm font-medium leading-none text-muted-foreground">
          Disabled
        </label>
        <Textarea placeholder="This field is disabled." id="message-disabled" disabled />
      </div>
    </div>
  );
}

export { TextareaDemo as DemoOne };