Skip to content

Popconfirm

Shows a confirmation bubble next to the trigger element, commonly used before destructive actions like deletion.

Basic usage

Basic usage

Delete

Controlled visibility

The open attribute is controlled: external buttons set/remove open to toggle the bubble (clicking outside / Esc / OK / cancel still closes it).

Controlled visibility (open)

Open confirmCloseopen: falseDelete

Four positions

Four positions

TopBottom
LeftRight

Long text

Long text

Delete order

API

Attributes

AttributeDescriptionTypeDefault
openWhether the bubble is shownboolean
positionBubble positionstringtop
titleConfirmation textstring

Events

EventDescription
oas-cancelCancel: cancel button / Esc / outside click
oas-okClicked "OK"; the bubble then collapses automatically

Slots

NameDescription
default

Clicking the wrapped content toggles the bubble; the bubble uses role="dialog".