OPUS/UI

Navigation

Popconfirm

Inline confirmation bubble (Ant Design’s Popconfirm) — async-aware confirm button with a spinner until it resolves.

9 files · 502 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/popconfirm.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs popconfirm

Usage

import { Popconfirm } from "@/components/opus/ui/popconfirm";

<Popconfirm trigger={<Button>Delete</Button>} title="Delete it?" destructive onConfirm={remove} />

API

PropTypeDefaultDescription
trigger / title / descriptionReactElement / ReactNode—Anchor and copy.
onConfirm() => void | Promise—Awaited; button shows loading.
confirmText / cancelText / destructive / side——Options.

Command palette