PT tab label changes

components/doc/DocComponent.vue

@@ -13,7 +13,7 @@
                 <button type="button" @click="tab = 1">API</button>
             </li>
             <li v-if="ptTabComponent" :class="{ 'doc-tabmenu-active': tab === 2 }">
-                <button type="button" @click="tab = 2">Pass Through</button>
+                <button type="button" @click="tab = 2">PASS THROUGH</button>
             </li>
         </ul>
 

doc/panel/pt/PTDoc.vue

@@ -1,7 +1,5 @@
 <template>
-    <DocSectionText v-bind="$attrs">
-        <p>A simple Panel is created with a <i>header</i> property along with the content as children.</p>
-    </DocSectionText>
+    <DocSectionText v-bind="$attrs" :level="2" />
     <div class="card">
         <Panel header="Header" :pt="{ header: { style: 'background:#3B82F6' }, title: { style: 'color:#fff' }, toggler: { style: 'color:#fff' } }" toggleable>
             <p class="m-0">

doc/panel/pt/index.vue

@@ -21,21 +21,18 @@ export default {
             docs: [
                 {
                     id: 'pt.image',
-                    label: 'Image',
-                    description: 'Pass Through Image',
+                    label: 'WireFrame',
                     component: PTImage
                 },
                 {
                     id: 'pt.doc',
-                    label: 'Panel PT Options',
-                    description: 'Pass Through Doc',
+                    label: 'Panel Elements',
                     component: DocApiTable,
                     data: getPTOption('Panel')
                 },
                 {
                     id: 'pt.demo',
-                    label: 'Demo',
-                    description: 'Pass Through Demo',
+                    label: 'Example',
                     component: PtDoc
                 }
             ]