> ## Documentation Index
> Fetch the complete documentation index at: https://docs.omni.co/llms.txt
> Use this file to discover all available pages before exploring further.
# Preview mode
> Test how your dashboard will behave for viewers without leaving the editor.
export const CheckIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const XCircleIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const MarkdownVariablesIcon = ({label}) => {
return ;
};
export const DashboardIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const WorkbookIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const WorkbookNumberFormatIcon = ({label}) => {
return ;
};
export const DashboardPreviewIcon = ({label}) => {
return ;
};
export const DashboardCatalogIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardAddItemIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardControlIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardChartIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardLayoutIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardTextIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardStackContainerIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DashboardPageNavIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const IdeFileIcon = ({color = "#000000"}) => {
return ;
};
**Using a classic dashboard?** [Upgrade it](/visualize-present/dashboards/create#classic-dashboards) to use the features in this guide.
Preview mode lets you see how your dashboard will behave for viewers without leaving the editor. When you enter preview mode, editing controls hide and viewer interactions like drilling, cross-filtering, and pagination become active.
## Requirements
Accessing preview mode requires **Editor**, **Manager**, or **Owner** permissions on the document.
## Entering preview mode
To enter preview mode while editing a dashboard:
Click the **Edit** button on the dashboard to enter draft mode.
Click the icon in the toolbar:
Select an option:
* **Desktop** - Shows how the dashboard will render on desktop screens
* **Mobile** - Shows how the dashboard will render on small screens
## Exiting preview mode
To exit preview mode and return to editing, click the **Exit preview** button in the preview banner at the top of the page.
You'll be returned to the editor with your state intact — selections, unsaved edits, and other editor state are all preserved.
## Preview mode vs. View As user
Unlike preview mode, the [View As user](/visualize-present/dashboards/view-as) feature lets you test how specific users will experience the dashboard based on their [user attributes](/administration/users/attributes) and access permissions.
Use preview mode to test the viewer experience of your dashboard layout and interactions. Use View As user to test how the dashboard adapts to different users' permissions and attributes.
## Next steps
* Learn to [build dashboard layouts](/visualize-present/dashboards/containers-items) with containers and items like charts, text, filters, and controls.
* Customize [page navigation](/visualize-present/dashboards/page-navigation) to control how viewers move between pages.
* Test how your dashboard appears to specific users with [View As user](/visualize-present/dashboards/view-as).
