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

Update SplitterDoc with multiple panels sample

pull/744/head
Cagatay Civici 2020-12-04 13:12:27 +03:00
parent b68d8c6bba
commit 7d19881c0c
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/splitter/SplitterDemo.vue
View File

@ -18,18 +18,6 @@
Panel 2 Panel 2
</SplitterPanel> </SplitterPanel>
</Splitter> </Splitter>
<Splitter style="height: 300px">
<SplitterPanel class="p-d-flex p-ai-center p-jc-center">
Panel 1
</SplitterPanel>
<SplitterPanel class="p-d-flex p-ai-center p-jc-center">
Panel 2
</SplitterPanel>
<SplitterPanel class="p-d-flex p-ai-center p-jc-center">
Panel 3
</SplitterPanel>
</Splitter>
</div> </div>
<div class="card"> <div class="card">

12
src/views/splitter/SplitterDoc.vue
View File

@ -23,6 +23,18 @@ import SplitterPanel from 'primevue/splitterpanel';
&lt;/SplitterPanel&gt; &lt;/SplitterPanel&gt;
&lt;/Splitter&gt; &lt;/Splitter&gt;
</code></pre>
<h5>Multiple Panels</h5>
<p>Any number of panels can be nested inside a Splitter.</p>
<pre v-code>
<code><template v-pre>
&lt;Splitter style="height: 300px"&gt;
&lt;SplitterPanel v-for="item of items" :key="item.key"&gt;
{{item.content}}
&lt;/SplitterPanel&gt;
&lt;/Splitter&gt;
</template>
</code></pre> </code></pre>
<h5>Layout</h5> <h5>Layout</h5>