Docs / Components
SenseConfirmPopupComponent
Anchored confirmation popup with accept/reject actions and service-driven API from @artificialsenselabs/ui.
Live demo: run nx serve showcase and open /components/confirm-popup (port 4202).
Overview
Category: Overlay. Selector: sense-confirm-popup. Import: import { SenseConfirmPopupComponent, SenseConfirmPopupService } from '@artificialsenselabs/ui';
A target anchor is required (service config or [target] input). Unanchored opens are refused.
Popup vs confirm dialog
- Confirm popup — contextual, reversible, trigger-adjacent confirms (archive, discard draft, soft remove).
- Confirm dialog (
sense-confirm-dialog) — destructive or high-stakes actions, header/icon severity, or no clear anchor.
Accessibility
- Popup exposes
role="alertdialog"with localized message and action labels. - Focus trap + modal layer stack (topmost Escape / trap pause) while open.
- Body scroll lock while open; focus restores to the trigger on close.
- Positions above or below the trigger with arrow alignment and overlay dismiss.