Fine-tune Card

The agent adjusts design properties in an inspector.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { FineTuneCard } from "@aile.sh/elia";

export function Example() {
  return (
    <FineTuneCard
      heading="Hero banner"
      typeOptions={["Static", "Carousel", "Video"]}
      width={480}
      height={200}
      radius={12}
      opacity={90}
      onChange={({ seg, width, height, radius, opacity, type }) =>
        console.log("edited", { seg, width, height, radius, opacity, type })
      }
    />
  );
}

— elia design system · MIT · primitives · https://github.com/aile-sh/elia