Iryx UIOverlays
IConfirmPopover
A yes/no question anchored to whatever opened it — for confirmations that don't warrant a modal.
Unlike IConfirmDialog, there is no backdrop: the page behind remains interactive and keeps its place in the screen reader's reading order. Use the dialog when the action is significant enough to warrant stopping the user first.
Description
A second line of detail goes under the question.
In a table row
The common case: a per-row delete action too frequent and too low-stakes to interrupt the whole page for.
| Name | Role | Actions |
|---|---|---|
| Avery Lindqvist | Owner | |
| Rowan Adeyemi | Editor | |
| Mika Sørensen | Viewer |
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | The question |
description | string | — | Secondary detail under the question |
confirmLabel | string | 'Confirm' | Text for the confirming button |
cancelLabel | string | 'Cancel' | Text for the dismissing button |
danger | boolean | — | Style the confirming button as destructive |
side | 'top' | 'right' | 'bottom' | 'left' | 'bottom' | Which side of the trigger the panel opens on |
align | 'start' | 'center' | 'end' | 'center' | Alignment along that side |
sideOffset | number | 6 | Gap between the trigger and the panel |
arrow | boolean | true | Render the little pointer against the trigger |
unstyled | boolean | — | Drop built-in classes |
class | string | — | Merged with the built-in classes |
ui | { content?, title?, description?, actions?, cancel?, confirm? } | — | Per-element class overrides |
Events
| Event | Payload | When |
|---|---|---|
confirm | — | The confirming button was clicked |
cancel | — | The cancelling button was clicked |
Slots
| Slot | When to use it |
|---|---|
trigger | The element that opens the panel — required |
description | The detail line needs markup |