> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: About Dashboard Modals

## Article: About Dashboard Modals

## Article Link: https://dev.wix.com/docs/dashboard-extensions/dashboard-modals/about-dashboard-modals.md

## Article Content:

# About Dashboard Modals

A [dashboard modal](https://dev.wix.com/docs/overview/extensions-framework/dashboard-extensions/dashboard-modals.md) is a dialog that opens over a dashboard page. This reference is the contract for a modal you add as an extension: the generated files, the configuration object, the shared config, and the React component that renders when the modal is open.

The file set and configuration object are the same whether you add the modal in a Studio Two site project or in a Wix CLI app.

## What's in this reference

- [Dashboard Modal Extension Files and Code](https://dev.wix.com/docs/dashboard-extensions/dashboard-modals/dashboard-modal-extension-files-and-code.md): The generated file set, the `extensions.dashboardModal()` configuration fields, the shared config, and what you can use inside the modal component.

To open the modal from a dashboard page or another dashboard surface, call [`openModal()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/open-modal.md) from the Dashboard SDK. Pass the modal ID from the configuration file. Inside the modal, call [`closeModal()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/close-modal.md) to dismiss it. You can pass data back to the opener when the modal closes. For data sent into the modal, use [`observeState()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/observe-state.md).

## See also

- [Dashboard Modals](https://dev.wix.com/docs/overview/extensions-framework/dashboard-extensions/dashboard-modals.md)
- [Dashboard Modal Extension Files and Code](https://dev.wix.com/docs/dashboard-extensions/dashboard-modals/dashboard-modal-extension-files-and-code.md)
- [`openModal()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/open-modal.md)
- [`closeModal()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/close-modal.md)
- [`observeState()`](https://dev.wix.com/docs/sdk/host-modules/dashboard/observe-state.md)