Docs for TabView
parent
dfa8f2f0c3
commit
e372525f46
|
@ -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
|
||||||
});
|
});
|
||||||
|
|
|
@ -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>
|
||||||
<TabView class="tabview-custom">
|
<TabView class="tabview-custom">
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
|
@ -99,7 +99,7 @@ export default {
|
||||||
</TabView>
|
</TabView>
|
||||||
</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>
|
||||||
|
|
Loading…
Reference in New Issue