Orvain UI

Warning Modal

Destructive actions that need a deliberate confirmation.

Get Pro to installPro6 blocksReact, Vue and Figma
MCPConnect the MCP server
Northwind designComponents
AR
Button · PrimaryPlaced in 41 screens · edited 2 days ago
Used in
Checkout12 places
Sign in6 places
Account settings4 places

More in Modal blocks#

Error Modal

A problem the reader has to acknowledge before carrying on

Warning Modal

Destructive actions that need a deliberate confirmation

Success Modal

Confirming something finished, with the icon over the words

Information Modal

Announcements the reader only has to read

Status modal, morph

Confirmations that should feel tied to the button that asked for them

Status modal, stakes

Decisions that should be made from the facts, and destructive ones that need a deliberate press

When to use#

  • A destructive action you want someone to confirm deliberately
  • An error that has to be acknowledged before the app can carry on
  • A short form that would lose the reader's place if it took over the page
  • Announcing a change that has already happened behind the scrim

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans