Popconfirm

Molecule

Inline "are you sure?" confirmation popover for destructive or consequential actions — lighter-weight than a full Modal. Built on the same dismiss/focus-trap primitives as Popover.

Preview

Code

<Popconfirm trigger={<Button variant="outline">Log out</Button>} title="Log out of your account?" onConfirm={handleLogout} />

Preview

Code

<Popconfirm
  trigger={<Button variant="danger">Delete project</Button>}
  title="Delete this project?"
  description="This action cannot be undone."
  danger
  confirmLabel="Delete"
  onConfirm={handleDelete}
/>

Popconfirm

Default

Danger + description