# Pop Confirm

Source: https://lumeo.nativ.sh/components/pop-confirm

# Pop Confirm

A lightweight confirmation popover that appears inline — prompts users before executing irreversible actions without interrupting the full page flow.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## 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

Preview Code

Basic Pop Confirm

Delete item

Preview Code

Destructive Action

Delete Account

Preview Code

Custom Texts

Archive Project

Preview Code

No Description

Complete

Preview Code

IsDestructive — interactive preview

Destructive mode

Perform action

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](/components/popover) — General-purpose popover for custom content overlays
-   [AlertDialog](/components/alert-dialog) — Full modal dialog for more complex confirmation flows
-   [Button](/components/button) — Action triggers that pair with PopConfirm for destructive actions