From e372525f46ffc52ba1133b18526f88aee8c68cb6 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Thu, 23 May 2019 12:01:41 +0300
Subject: [PATCH] Docs for TabView

---
 src/components/tabview/TabView.vue |  2 +-
 src/views/tabview/TabViewDoc.vue   | 79 ++++++++++++++++--------------
 2 files changed, 42 insertions(+), 39 deletions(-)

diff --git a/src/components/tabview/TabView.vue b/src/components/tabview/TabView.vue
index 00e62d734..43de12087 100644
--- a/src/components/tabview/TabView.vue
+++ b/src/components/tabview/TabView.vue
@@ -18,7 +18,7 @@ export default {
             if (!tab.disabled && !tab.d_active) {
                 this.activateTab(tab);
 
-                this.$emit('tabchange', {
+                this.$emit('tab-change', {
                     originalEvent: event,
                     tab: tab
                 });
diff --git a/src/views/tabview/TabViewDoc.vue b/src/views/tabview/TabViewDoc.vue
index 6859539a5..94c07b600 100644
--- a/src/views/tabview/TabViewDoc.vue
+++ b/src/views/tabview/TabViewDoc.vue
@@ -79,7 +79,7 @@ export default {
 </CodeHighlight>
 
 				<h3>Header Template</h3>
-				<p>Header of a tab supports templating to place custom html content instead of strings as well.</p>
+				<p>Custom content for the title section of a panel is defined using the header template.</p>
 <CodeHighlight>
 &lt;TabView class="tabview-custom"&gt;
 	&lt;TabPanel&gt;
@@ -99,7 +99,7 @@ export default {
 &lt;/TabView&gt;
 </CodeHighlight>
 
-				<h3>Properties For TabPanel</h3>
+				<h3>Properties of TabPanel</h3>
 				<div class="doc-tablewrapper">
 					<table class="doc-table">
 						<thead>
@@ -133,24 +133,27 @@ export default {
 					</table>
 				</div>
 
+                <h3>Properties of Accordion</h3>
+                <p>Any attribute such as style and class are passed to the main container element.</p>
+			
 				<h3>Events</h3>
 				<div class="doc-tablewrapper">
 					<table class="doc-table">
 						<thead>
-						<tr>
-							<th>Name</th>
-							<th>Parameters</th>
-							<th>Description</th>
-						</tr>
+                            <tr>
+                                <th>Name</th>
+                                <th>Parameters</th>
+                                <th>Description</th>
+                            </tr>
 						</thead>
 						<tbody>
-						<tr>
-							<td>tabchange</td>
-							<td>event.originalEvent: Browser event  <br/>
-								event.tab: Selected tab
-							</td>
-							<td>Callback to invoke when an active tab is changed.</td>
-						</tr>
+                            <tr>
+                                <td>tab-change</td>
+                                <td>event.originalEvent: Browser event  <br/>
+                                    event.tab: Selected tab
+                                </td>
+                                <td>Callback to invoke when an active tab is changed.</td>
+                            </tr>
 						</tbody>
 					</table>
 				</div>
@@ -160,32 +163,32 @@ export default {
 				<div class="doc-tablewrapper">
 					<table class="doc-table">
 						<thead>
-						<tr>
-							<th>Name</th>
-							<th>Element</th>
-						</tr>
+                            <tr>
+                                <th>Name</th>
+                                <th>Element</th>
+                            </tr>
 						</thead>
 						<tbody>
-						<tr>
-							<td>p-tabview</td>
-							<td>Container element.</td>
-						</tr>
-						<tr>
-							<td>p-tabview-nav</td>
-							<td>Container of headers.</td>
-						</tr>
-						<tr>
-							<td>p-tabview-selected</td>
-							<td>Selected tab header.</td>
-						</tr>
-						<tr>
-							<td>p-tabview-panels</td>
-							<td>Container panels.</td>
-						</tr>
-						<tr>
-							<td>p-tabview-panel</td>
-							<td>Content of a tab.</td>
-						</tr>
+                            <tr>
+                                <td>p-tabview</td>
+                                <td>Container element.</td>
+                            </tr>
+                            <tr>
+                                <td>p-tabview-nav</td>
+                                <td>Container of headers.</td>
+                            </tr>
+                            <tr>
+                                <td>p-tabview-selected</td>
+                                <td>Selected tab header.</td>
+                            </tr>
+                            <tr>
+                                <td>p-tabview-panels</td>
+                                <td>Container panels.</td>
+                            </tr>
+                            <tr>
+                                <td>p-tabview-panel</td>
+                                <td>Content of a tab.</td>
+                            </tr>
 						</tbody>
 					</table>
 				</div>