Toast with two actions
A short question with two buttons, “Not now” and “Publish”, that confirms and slips away once you choose.
Settings
Code
<div class="uv-za"><button class="fire">Request action</button><div class="toast"><span><b>Publish the changes?</b><small>It’ll be visible to the whole team.</small></span><div><button class="no">Not now</button><button class="yes">Publish</button></div></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Toasts
Where to use it
Some decisions are too small for a full modal. In a team wiki, after editing a page, a toast asks “Publish changes?” and warns that everyone will see them; on a course platform it could offer to publish a new lesson. This confirmation toast keeps people in their flow instead of blocking the screen.
Write the buttons as verbs so the choice is obvious without reading the title twice. The safe option goes on the left, in grey. For anything destructive, like deleting an account, a proper dialog is still the better call.