Files
mintlify__docs/editor/live-preview.mdx
Ethan Palm ec5e78af4c Editor updates (#5603)
* Update git-essentials.mdx

* Update index.mdx

* add v2 group

* recent updates

* remove v2 path

* small classic editor page

* add tutorial

* updates based on notion doc

* Create branching-and-publishing.mdx

* Update collaborate.mdx

* redirects

* update pages

* update create pages

* remove pages

* update redirects

* Update navigation.mdx

* remove redundancies

* update configurations

* 💅

* remove unused images

* update live preview

* correct image

* Add missing visual mode shortcuts and ungroup action

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-30 00:52:25 -07:00

40 lines
1.4 KiB
Plaintext

---
title: "Live preview"
description: "Preview changes to your site in real time as you edit, with continuous updates and responsive viewport options."
keywords: ["editor", "preview", "live preview"]
---
Preview your site while you edit. Live previews render pages exactly as they look when published, and update as you make changes to content, navigation, and configuration.
## Open live preview
Click the <Icon icon="play" /> live preview button in the toolbar to open a live preview in a new tab.
<Frame>
<img
src="/images/editor/live-preview-light.png"
alt="The live preview button in the toolbar."
className="block dark:hidden"
/>
<img
src="/images/editor/live-preview-dark.png"
alt="The live preview button in the toolbar."
className="hidden dark:block"
/>
</Frame>
<Note>
Live preview is only available for public documentation.
</Note>
## Live preview versus preview deployments
| | Live preview | Preview deployment |
|---|---|---|
| **Speed** | Instant | Requires a build |
| **Access** | Local URL | Shareable URL |
| **Use when** | Reviewing changes while editing | Sharing with your team for review |
| **Availability** | While the editor is open | As long as the branch exists |
Use live preview for immediate feedback while editing. When you need to share changes with your team or test on a different device, use a [preview deployment](/editor/branching-and-publishing#preview-your-changes).