Aidimension Ui Textarea

Component

About

Multi-line text input primitive with auto-grow and resize options for the AI Dimensie design system

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

Code

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

Usage.tsx

import * as React from "react";
import { Textarea } from "@/components/ui/ai-dimensie-textarea";

const settings = { placeholder: "Type your message here" };

export default function Demo({ placeholder = settings.placeholder }: Partial<typeof settings>) {
  return (
    <div className="flex min-h-[300px] items-center justify-center bg-background p-8">
      <div className="w-full max-w-sm">
        <Textarea placeholder={placeholder} />
      </div>
    </div>
  );
}