vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Docs for OverlayPanel

pull/12/head
cagataycivici 2019-05-23 12:15:27 +03:00
parent 244ca45406
commit 70319c736d
1 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/views/overlaypanel/OverlayPanelDoc.vue
View File

@ -24,8 +24,8 @@ toggle(event) {
</CodeHighlight> </CodeHighlight>
<h3>Dismissable and CloseIcon</h3> <h3>Dismissable and CloseIcon</h3>
<p>Clicking outside the overlay hides the panel, setting dismissable to false disables this behavior. <p>Clicking outside the overlay hides the panel, setting <i>dismissable</i> to false disables this behavior.
Additionally enablign showCloseIcon property displays a close icon at the top right corner to close the panel.</p> Additionally enabling <i>showCloseIcon</i> property displays a close icon at the top right corner to close the panel.</p>
<CodeHighlight> <CodeHighlight>
&lt;OverlayPanel ref="op" :showCloseIcon="true" :dismissable="true"&gt; &lt;OverlayPanel ref="op" :showCloseIcon="true" :dismissable="true"&gt;
&lt;img src="/demo/images/nature/nature1.jpg" alt="Nature Image"&gt; &lt;img src="/demo/images/nature/nature1.jpg" alt="Nature Image"&gt;
@ -36,44 +36,44 @@ toggle(event) {
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>Name</th>
<th>Type</th> <th>Type</th>
<th>Default</th> <th>Default</th>
<th>Description</th> <th>Description</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>dismissable</td> <td>dismissable</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Enables to hide the overlay when outside is clicked.</td> <td>Enables to hide the overlay when outside is clicked.</td>
</tr> </tr>
<tr> <tr>
<td>showCloseIcon</td> <td>showCloseIcon</td>
<td>boolean</td> <td>boolean</td>
<td>false</td> <td>false</td>
<td>When enabled, displays a close icon at top right corner.</td> <td>When enabled, displays a close icon at top right corner.</td>
</tr> </tr>
<tr> <tr>
<td>appendTo</td> <td>appendTo</td>
<td>string</td> <td>string</td>
<td>null</td> <td>null</td>
<td>DOM element instance where the dialog should be mounted.</td> <td>DOM element instance where the dialog should be mounted.</td>
</tr> </tr>
<tr> <tr>
<td>baseZIndex</td> <td>baseZIndex</td>
<td>number</td> <td>number</td>
<td>0</td> <td>0</td>
<td>Base zIndex value to use in layering.</td> <td>Base zIndex value to use in layering.</td>
</tr> </tr>
<tr> <tr>
<td>autoZIndex</td> <td>autoZIndex</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Whether to automatically manage layering.</td> <td>Whether to automatically manage layering.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>