Skip to content

Commit b3baefc

Browse files
devvaannshabose
authored andcommitted
feat: add docs for reload and disable live preview
1 parent bb9f059 commit b3baefc

File tree

3 files changed

+13
-1
lines changed

3 files changed

+13
-1
lines changed

docs/06-Features/01-live-preview.md

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,19 @@ The Live Preview feature in Phoenix Code provides instant feedback on changes ma
2626
1. Hover over the Live Preview panel.
2727
2. Choose your preferred browser by clicking its icon. ![Browser selected](images/livePreview/browser-choice.png "Live Preview in selected browser").
2828
3. Live Preview opens in the chosen browser.
29-
29+
30+
## Reload Live Preview
31+
The **Reload** button ![Reload Live Preview](./images/livePreview/reload.png) in the live preview toolbar allows you to manually refresh the Live Preview pane to ensure it reflects the latest changes in your code. While Live Preview updates automatically, the Reload button can be helpful if you encounter synchronization issues.
32+
33+
## Disable Live Preview
34+
You can disable the live preview panel at startup by following these steps:
35+
1. Click the settings icon in the toolbar (hover over the toolbar to make it appear).
36+
![Settings Icon](./images/livePreview/settings-gear.png)
37+
38+
2. This will open the live preview settings menu:
39+
![Settings menu](./images/livePreview/live-preview-settings-menu.png)
40+
3. Disable the `Show Live Preview Panel at Startup` option.
41+
3042

3143
## Live Preview Demonstrated
3244
<VideoPlayer
53.5 KB
Loading
1.22 KB
Loading

0 commit comments

Comments
 (0)