Dialog

Dialogs appear above the page and require the user's immediate attention. They inform users about critical information, require users to make decisions, or involve multiple tasks.

<div style="display: flex; justify-content: center; align-items: center; height: 100%;">
    <button onclick="dialog.open = true">Open Dialog</button>
</div>

<rv-dialog id="dialog" title="Dialog" open>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</rv-dialog>

CODEPEN

Slots

No slots available.

Properties

No properties available.

Methods

No methods available.

CSS Properties

No CSS properties available.

Parts

No parts available.