diff --git a/src/views/sidebar/SidebarDoc.vue b/src/views/sidebar/SidebarDoc.vue index 4a2ee1974..f41937db2 100644 --- a/src/views/sidebar/SidebarDoc.vue +++ b/src/views/sidebar/SidebarDoc.vue @@ -8,9 +8,9 @@ import Sidebar from 'primevue/sidebar';

Getting Started

-

Sidebar is used as a container and visibility is controlled with visible property.

+

Sidebar is used as a container and visibility is controlled with visible property that requires the sync operator for two-way binding.

-<Sidebar :visible.sync="visibleLeft" :baseZIndex="1000"> +<Sidebar :visible.sync="visibleLeft"> Content </Sidebar> @@ -20,7 +20,7 @@ import Sidebar from 'primevue/sidebar';

Position

Sidebar can either be located on the left (default), right, top or bottom of the screen depending on the position property.

-<Sidebar :visible.sync="visibleRight" :baseZIndex="1000" position="right"> +<Sidebar :visible.sync="visibleRight" position="right"> Content </Sidebar> @@ -46,56 +46,56 @@ import Sidebar from 'primevue/sidebar';
- - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefaultDescription
NameTypeDefaultDescription
visiblebooleanfalseSpecifies the visibility of the dialog.
positionstringleftSpecifies the position of the sidebar, valid values are "left", "right", "top", "bottom" and "full".
baseZIndexnumber0Base zIndex value to use in layering.
autoZIndexbooleantrueWhether to automatically manage layering.
dismissablebooleantrueWhether clicking outside closes the panel.
showCloseIconbooleantrueWhether to display a close icon inside the panel.
modalbooleantrueWhether to a modal layer behind the sidebar.
visiblebooleanfalseSpecifies the visibility of the dialog.
positionstringleftSpecifies the position of the sidebar, valid values are "left", "right", "top", "bottom" and "full".
baseZIndexnumber0Base zIndex value to use in layering.
autoZIndexbooleantrueWhether to automatically manage layering.
dismissablebooleantrueWhether clicking outside closes the panel.
showCloseIconbooleantrueWhether to display a close icon inside the panel.
modalbooleantrueWhether to a modal layer behind the sidebar.