Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA confirmation that is a centred dialog on desktop and a bottom sheet on phones, with the consequence in plain words, a destructive confirm button that names the action, a pending state and an error that keeps it open. Use this when one confirmation, such as removing a member or cancelling a booking, appears on both desktop and phone layouts.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when one confirmation, such as removing a member or cancelling a booking, appears on both desktop and phone layouts.
Do not use it for undoable actions (use an undo bar) or high-risk deletes that need typing the name.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | The question. |
description | string | required | What will happen. |
confirmLabel | string | required | Names the action: "Remove Ada". |
onConfirm | () => Promise<void> | required | Run it. A rejection shows the message and keeps the dialog open. |
children | ReactNode | required | The trigger. |
role="alert" message.The pattern ships with a Testing Library test (responsive-confirm-dialog.test.tsx) that drives it through roles and the keyboard.