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

Docs for Sidebar

pull/12/head
cagataycivici 2019-05-23 12:18:08 +03:00
parent 70319c736d
commit 68ddecb21c
1 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/sidebar/SidebarDoc.vue
View File

@ -8,9 +8,9 @@ import Sidebar from 'primevue/sidebar';
</CodeHighlight> </CodeHighlight>
<h3>Getting Started</h3> <h3>Getting Started</h3>
<p>Sidebar is used as a container and visibility is controlled with <i>visible</i> property.</p> <p>Sidebar is used as a container and visibility is controlled with <i>visible</i> property that requires the sync operator for two-way binding.</p>
<CodeHighlight> <CodeHighlight>
&lt;Sidebar :visible.sync="visibleLeft" :baseZIndex="1000"&gt; &lt;Sidebar :visible.sync="visibleLeft"&gt;
Content Content
&lt;/Sidebar&gt; &lt;/Sidebar&gt;
@ -20,7 +20,7 @@ import Sidebar from 'primevue/sidebar';
<h3>Position</h3> <h3>Position</h3>
<p>Sidebar can either be located on the left (default), right, top or bottom of the screen depending on the <i>position</i> property.</p> <p>Sidebar can either be located on the left (default), right, top or bottom of the screen depending on the <i>position</i> property.</p>
<CodeHighlight> <CodeHighlight>
&lt;Sidebar :visible.sync="visibleRight" :baseZIndex="1000" position="right"&gt; &lt;Sidebar :visible.sync="visibleRight" position="right"&gt;
Content Content
&lt;/Sidebar&gt; &lt;/Sidebar&gt;
</CodeHighlight> </CodeHighlight>
@ -46,56 +46,56 @@ import Sidebar from 'primevue/sidebar';
<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>visible</td> <td>visible</td>
<td>boolean</td> <td>boolean</td>
<td>false</td> <td>false</td>
<td>Specifies the visibility of the dialog.</td> <td>Specifies the visibility of the dialog.</td>
</tr> </tr>
<tr> <tr>
<td>position</td> <td>position</td>
<td>string</td> <td>string</td>
<td>left</td> <td>left</td>
<td>Specifies the position of the sidebar, valid values are "left", "right", "top", "bottom" and "full".</td> <td>Specifies the position of the sidebar, valid values are "left", "right", "top", "bottom" and "full".</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>
<tr> <tr>
<td>dismissable</td> <td>dismissable</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Whether clicking outside closes the panel.</td> <td>Whether clicking outside closes the panel.</td>
</tr> </tr>
<tr> <tr>
<td>showCloseIcon</td> <td>showCloseIcon</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Whether to display a close icon inside the panel.</td> <td>Whether to display a close icon inside the panel.</td>
</tr> </tr>
<tr> <tr>
<td>modal</td> <td>modal</td>
<td>boolean</td> <td>boolean</td>
<td>true</td> <td>true</td>
<td>Whether to a modal layer behind the sidebar.</td> <td>Whether to a modal layer behind the sidebar.</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>