#Popconfirm

A compact confirmation dialog attached to an element.

#When to Use

• For quick confirmation before simple actions
• When a full modal is too heavy for the confirmation
• For delete or toggle confirmations

#Import

import { Popconfirm } from "orizon";

#Examples

#Basic

<Popconfirm
  title="Are you sure?"
  description="This action cannot be undone."
  onConfirm={() => console.log("Confirmed")}
  onCancel={() => console.log("Cancelled")}
>
  <Button danger>Delete</Button>
</Popconfirm>

#Custom Buttons

<Popconfirm title="Proceed?" okText="Yes" cancelText="No">
  <Button>Action</Button>
</Popconfirm>

#Placement

<Popconfirm title="Confirm?" placement="top">
  <Button>Top</Button>
</Popconfirm>

#API

#PopconfirmProps

• title — ReactNode — Confirmation title
• description — ReactNode — Additional description
• onConfirm — () => void — Confirm callback
• onCancel — () => void — Cancel callback
• okText — string — Confirm button text (default: "OK")
• cancelText — string — Cancel button text (default: "Cancel")
• placement — "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "right" — Position
• open — boolean — Controlled visibility
• onOpenChange — (open: boolean) => void — Visibility callback
• disabled — boolean — Disable the popconfirm
• showCancel — boolean — Show cancel button (default: true)
• okType — ButtonType — Confirm button type (default: "primary")
• icon — ReactNode — Custom icon