Approval Card

Human-in-the-loop questions the agent asks before acting.

Installation

bun add elia

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

Usage

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

export function Example() {
  return (
    <ApprovalCard
      questions={[
        {
          q: "Which environment should we deploy to?",
          type: "radio",
          options: ["Staging", "Production"],
        },
        {
          q: "What should ship with it?",
          type: "check",
          options: ["Run migrations", "Warm caches", "Notify the team"],
        },
      ]}
      onSubmit={(answers) => console.log("approved", answers)}
      onDismiss={() => console.log("dismissed")}
    />
  );
}

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