diff --git a/src/views/overlaypanel/OverlayPanelDoc.vue b/src/views/overlaypanel/OverlayPanelDoc.vue index 8d314c19c..70d227509 100644 --- a/src/views/overlaypanel/OverlayPanelDoc.vue +++ b/src/views/overlaypanel/OverlayPanelDoc.vue @@ -24,8 +24,8 @@ toggle(event) {

Dismissable and CloseIcon

-

Clicking outside the overlay hides the panel, setting dismissable to false disables this behavior. - Additionally enablign showCloseIcon property displays a close icon at the top right corner to close the panel.

+

Clicking outside the overlay hides the panel, setting dismissable to false disables this behavior. + Additionally enabling showCloseIcon property displays a close icon at the top right corner to close the panel.

<OverlayPanel ref="op" :showCloseIcon="true" :dismissable="true"> <img src="/demo/images/nature/nature1.jpg" alt="Nature Image"> @@ -36,44 +36,44 @@ toggle(event) {
- - - - - - + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDefaultDescription
NameTypeDefaultDescription
dismissablebooleantrueEnables to hide the overlay when outside is clicked.
showCloseIconbooleanfalseWhen enabled, displays a close icon at top right corner.
appendTostringnullDOM element instance where the dialog should be mounted.
baseZIndexnumber0Base zIndex value to use in layering.
autoZIndexbooleantrueWhether to automatically manage layering.
dismissablebooleantrueEnables to hide the overlay when outside is clicked.
showCloseIconbooleanfalseWhen enabled, displays a close icon at top right corner.
appendTostringnullDOM element instance where the dialog should be mounted.
baseZIndexnumber0Base zIndex value to use in layering.
autoZIndexbooleantrueWhether to automatically manage layering.