Pop Confirm
A lightweight confirmation popover that appears inline — prompts users before executing irreversible actions without interrupting the full page flow.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <PopConfirm />
When to Use
- Lightweight confirmations for delete, archive, or destructive actions
- Inline confirmation without the weight of a full modal dialog
- Quick yes/no prompts attached to buttons or action triggers
- Situations where context should remain visible during confirmation
Destructive mode
Currently: standard
Toggle the switch to flip between standard and destructive confirmation styles.
API Reference
PopConfirm
| Property | Type | Default | Description |
|---|---|---|---|
| Title | string | "Are you sure?" | The confirmation question shown in the popover. |
| Description | string? | — | Optional explanatory text below the title. |
| ConfirmText | string | "Yes" | Label for the confirm button. |
| CancelText | string | "No" | Label for the cancel button. |
| IsDestructive | bool | false | Style the confirm button as destructive (red). |
| OnConfirm | EventCallback | — | Fired when the user confirms. |
| OnCancel | EventCallback | — | Fired when the user cancels. |
| ChildContent | RenderFragment? | — | The trigger element (button, link, etc.) that opens the confirmation. |
| Placement | string | "top" | Popover placement relative to trigger. |
| Icon | SvgIcon? | null | Optional leading icon (Blazicons) shown in the confirmation popover. |
Related Components
- Popover — General-purpose popover for custom content overlays
- AlertDialog — Full modal dialog for more complex confirmation flows
- Button — Action triggers that pair with PopConfirm for destructive actions