Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn alert dialog that unlocks its action only after a checkbox that restates the consequence is ticked; use this when the person must accept a specific risk.
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 this when one specific fact must be accepted, such as "I understand that erased data cannot be recovered" or "I accept the additional charge". The sentence travels with the action.
Do not use it for generic "are you sure" prompts: a checkbox that is always ticked by reflex adds nothing. Use confirm-with-consequences when there are several facts to accept.
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 |
|---|---|---|---|
children | ReactNode | - | The trigger. |
acknowledgement | string | - | Sentence next to the checkbox. |
onConfirm | () => void | - | Runs when the unlocked action is pressed. |
title, description | ReactNode | - | Dialog text. |
actionLabel | string | Continue | Label of the action. |
checkbox role, so the statement is read with its state.| Key | Action |
|---|---|
| Space | ticks the checkbox |
| Tab | Checkbox, Cancel, action |
The pattern ships a Testing Library test (confirm-with-acknowledgement.test.tsx) that covers the disabled action, ticking with mouse and Space, and the reset on reopening.