Docs for TabView

pull/12/head
cagataycivici 2019-05-23 12:01:41 +03:00
parent dfa8f2f0c3
commit e372525f46
2 changed files with 42 additions and 39 deletions

View File

@ -18,7 +18,7 @@ export default {
if (!tab.disabled && !tab.d_active) { if (!tab.disabled && !tab.d_active) {
this.activateTab(tab); this.activateTab(tab);
this.$emit('tabchange', { this.$emit('tab-change', {
originalEvent: event, originalEvent: event,
tab: tab tab: tab
}); });

View File

@ -79,7 +79,7 @@ export default {
</CodeHighlight> </CodeHighlight>
<h3>Header Template</h3> <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> <CodeHighlight>
&lt;TabView class="tabview-custom"&gt; &lt;TabView class="tabview-custom"&gt;
&lt;TabPanel&gt; &lt;TabPanel&gt;
@ -99,7 +99,7 @@ export default {
&lt;/TabView&gt; &lt;/TabView&gt;
</CodeHighlight> </CodeHighlight>
<h3>Properties For TabPanel</h3> <h3>Properties of TabPanel</h3>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -133,6 +133,9 @@ export default {
</table> </table>
</div> </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> <h3>Events</h3>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
@ -145,7 +148,7 @@ export default {
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>tabchange</td> <td>tab-change</td>
<td>event.originalEvent: Browser event <br/> <td>event.originalEvent: Browser event <br/>
event.tab: Selected tab event.tab: Selected tab
</td> </td>