Decision Inbox

Dashboards

About

A tray of pending yes/no decisions where each item has two quick-answer buttons, confirms the choice, and folds away as the open count goes down.

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

Code

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

Usage.tsx

import { DecisionInbox, type Decision } from "@/components/ui/decision-inbox";

const decisions: Decision[] = [
  {
    id: "onboarding",
    title: "Roll out the new onboarding to everyone?",
    detail: "Test won with +8% activation · 2 weeks of data",
    primary: "Roll out",
    secondary: "Keep testing",
  },
  {
    id: "renewal",
    title: "Renew Figma for the design team?",
    detail: "12 seats · $1,800 per year · renews in 5 days",
    primary: "Renew",
    secondary: "Change seats",
  },
];

export default function DecisionInboxDemo() {
  return (
    <div className="flex w-full items-center justify-center bg-background p-8 text-foreground">
      <DecisionInbox
        decisions={decisions}
        onDecide={(d, answer) => console.log(d.id, answer)}
      />
    </div>
  );
}