From 7d19881c0cb54cc67ad39a75a360c01fb82dab91 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 4 Dec 2020 13:12:27 +0300
Subject: [PATCH] Update SplitterDoc with multiple panels sample

---
 src/views/splitter/SplitterDemo.vue | 12 ------------
 src/views/splitter/SplitterDoc.vue  | 12 ++++++++++++
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/views/splitter/SplitterDemo.vue b/src/views/splitter/SplitterDemo.vue
index a3cba3ff2..a400575c7 100644
--- a/src/views/splitter/SplitterDemo.vue
+++ b/src/views/splitter/SplitterDemo.vue
@@ -18,18 +18,6 @@
                         Panel 2
                     </SplitterPanel>
                 </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 class="card">
diff --git a/src/views/splitter/SplitterDoc.vue b/src/views/splitter/SplitterDoc.vue
index cf7eb28f8..b6268a2eb 100644
--- a/src/views/splitter/SplitterDoc.vue
+++ b/src/views/splitter/SplitterDoc.vue
@@ -23,6 +23,18 @@ import SplitterPanel from 'primevue/splitterpanel';
 	&lt;/SplitterPanel&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>
 
 				<h5>Layout</h5>