# Confirm Button

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

# Confirm Button

A Button that opens an AlertDialog for confirmation before firing OnConfirm — replaces the boilerplate of wiring a Button and AlertDialog by hand.

## When to Use

-   Destructive actions (delete, remove, discard) that need a confirmation step
-   Commit-changes flows where an accidental click would be costly
-   Anywhere you would otherwise hand-wire a Button plus an AlertDialog and its open state

ConfirmButton renders the confirmation through [OverlayService](/components/overlay-service), so the dialog is rendered by the central OverlayProvider — no extra dialog markup ends up in your component tree.

Preview Code

Basic Confirm

Save

Copy Code

Preview Code

Destructive Action

Delete Account

Copy Code

Preview Code

Variants and Sizes

Archive Reset Remove

Copy Code

Preview Code

Loading and Disabled

Publishing… Disabled

Copy Code

## API Reference

### ConfirmButton

Property

Type

Default

Description

ChildContent

RenderFragment?

—

The visible button content (label or icon).

Title

string?

"Are you sure?"

Heading shown at the top of the confirm dialog.

Description

string?

—

Optional explanatory body text under the title.

ConfirmText

string?

"Continue"

Label for the confirm action button in the dialog.

CancelText

string?

"Cancel"

Label for the cancel action button in the dialog.

IsDestructive

bool

false

Styles the dialog confirm button as destructive (red).

OnConfirm

EventCallback

—

Fires after the user confirms. Does not fire on cancel.

OnCancel

EventCallback

—

Fires when the user cancels or dismisses the dialog without confirming.

Variant

Button.ButtonVariant

Default

Visual variant of the trigger button. Often set to Destructive for delete actions.

Size

Button.ButtonSize

Default

Size of the trigger button.

Disabled

bool

false

Disables the trigger button.

IsLoading

bool

false

Shows the button's loading state.

Class

string?

—

Additional CSS classes forwarded to the trigger button.

## Related Components

-   [AlertDialog](/components/alert-dialog) — The modal dialog ConfirmButton opens under the hood
-   [PopConfirm](/components/pop-confirm) — Lightweight inline popover confirmation instead of a modal
-   [Button](/components/button) — The underlying trigger; ConfirmButton accepts the same Variant / Size
-   [Overlay Service](/components/overlay-service) — The service that renders the confirmation dialog