> ## 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 AdditionalReqIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DbtNoteIssueIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DbtWarningIssueIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const DbtErrorIssueIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const MicrosoftFabricIcon = ({label}) => {
return
{label && ` ${label}`}
;
};
export const SidebarHomeIcon = ({label}) => {
return ;
};
export const SidebarRoutinesIcon = ({label}) => {
return ;
};
export const SidebarActivityIcon = ({label}) => {
return ;
};
export const SidebarAiHubIcon = ({label}) => {
return ;
};
export const DisabledFilterIcon = ({label}) => {
return ;
};
export const ContentValidatorIcon = ({label}) => {
return ;
};
export const TroubleshootWrenchIcon = ({label}) => {
return ;
};
export const DbtIdeIcon = ({label}) => {
return ;
};
export const RefreshIcon = ({label}) => {
return ;
};
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 DashboardPlaceholderIcon = ({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 on the right side of the page.
Select an option:
* **Desktop** - Shows how the dashboard will render on desktop screens
* **Mobile** - Shows how the dashboard will render on small screens
Click the icon in the preview header to enter full screen mode. In full screen mode, click or press `Esc` to exit.
## 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).
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.