> For the complete documentation index, see [llms.txt](https://build.sovryn.com/builder-portal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://build.sovryn.com/builder-portal/ui-library/molecules/dialog.md).

# Dialog

## Description

Dialogs focus the user’s attention exclusively on one task or piece of information via a window that sits on top of the page content.

A dialog is triggered by a user’s action, appears on top of the main page content, and is persistent until dismissed. The purpose of a dialog should be immediately apparent to the user, with a clear and obvious path to completion.

## Figma

{% @figma/embed fileId="Ig2ZfR16Svs8In7yibukrO" nodeId="1595:2034" url="<https://www.figma.com/file/Ig2ZfR16Svs8In7yibukrO/Sovryn-UI-Library?node-id=1595:2034&t=Q7fpvp5VogeYJJ2B-1&type=design>" %}

## Usage Examples (Storybook)

{% embed url="<https://main--64805a328deba43ac7b6d3c1.chromatic.com/iframe.html?args=&id=molecule-dialog--basic&viewMode=docs>" %}