Aidimension Ui Button

Component

About

shadcn-style button primitive (default/secondary/outline/ghost/destructive/link variants) 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 Button to your project and fits it to your theme.

Code

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

Usage.tsx

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

const settings = {
  variant: "default",
  size: "default",
  label: "Click me",
};

export default function Demo({
  variant = settings.variant,
  size = settings.size,
  label = settings.label,
}: Partial<typeof settings>) {
  return (
    <div className="flex min-h-[300px] items-center justify-center bg-background p-8">
      <Button variant={variant as any} size={size as any}>
        {label}
      </Button>
    </div>
  );
}