Svelte Materialify

Dialog

The Dialog component inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. Use dialogs sparingly because they are interruptive.

API

Examples

Below is a collection of simple to complex examples.

Basic

This is a simple dialog with just basic logic.

Modal

Using the persistent prop will not close the dialog the overlay is clicked.

Fullscreen

Due to limited space, full-screen dialogs may be more appropriate for mobile devices than dialogs used on devices with larger screens.

Nested

Dialogs can be nested: you can open one dialog from another.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.

Buttons
Components
Cards
Components
Menus
Components


Edit This Page on GitHub
Last Updated: 2022-10-03