Modal
A dialog box/popup window that is displayed on top of the current page, interrupting the current workflow to prompt the user or display critical information.
Playground
Explore all modal props interactively.
Props
Whether the modal is visible.
Maximum width of the modal.
Whether to show the dark backdrop behind the modal.
Whether clicking the backdrop closes the modal.
Theme color applied to the modal surface.
Render style
Glass surface density
Backdrop blur intensity for the modal pane
Elevated with shadow
Solid Mode
A standard, solid modal box with a dark backdrop.
Glass Mode
A modal that uses translucent glass rendering.