import { Meta, ArgsTable } from '@storybook/addon-docs'; import PPreviewFrame from './PPreviewFrame.vue'; # Preview Frame

**To browse a PreviewFrame story, visit the PreviewFrame preview.** **For better preview, visit the PreviewFrame preview.** ```jsx ``` ### Props

Name	Description	Object	Default
leftSidebarTitle	Title for the left sidebar `string`	-	-
openRightSidebar.sync	Toggle preview of right sidebar when screen size collapsed. Use this prop with ".sync" to get two way binding. `boolean`	-	false
redoActions	Redo button actions `object`	{ '{disabled?: boolean, onAction(): void}' }	-
rightSidebarTitle	Title for the right sidebar `string`	-	-
showPreviewOptions	Adjust frame content preview `boolean`	-	false
showUndoRedo	Displays Undo-Redo options for the header `boolean`	-	false
undoActions	Undo button actions `object`	{ '{disabled?: boolean, onAction(): void}' }	-

### Slots

Name	Description	Default
default	The content to display inside the preview frame	-
header.center	Add content or component to header center	-
header.left	Add content or component to header left side	-
header.right	Add content or component to header right side	-
sidebar.left.content	Add content or component to left sidebar content	-
sidebar.left.footer	Add content or component to left sidebar footer	-
sidebar.left.title	Add content or component to left sidebar title	-
sidebar.right.content	Add content or component to right sidebar content	-
sidebar.right.footer	Add content or component to right sidebar footer	-
sidebar.right.title	Add content or component to right sidebar title	-