Modal

A dialog over the page. A click on the trigger (a Button or a Text) opens the content in the dialog. Escape, the close button or a click on the backdrop closes it.

Examples

Loading examples…

Props

PropTypeDescription
titlestringThe heading of the dialog
openbooleanDefault false. Bind it with { "@path": "/x" } to read it
maxWidthnumber | stringDefault 480
weightnumberflex-grow in a Row or Column

Slots

  • trigger · single
  • content · single

Link to Modal · All standard components

On this page