Doc update for accordion

pull/12/head
cagataycivici 2019-05-23 11:39:24 +03:00
parent 8efd5dd719
commit 601a413484
2 changed files with 36 additions and 35 deletions

View File

@ -19,7 +19,7 @@ export default {
}
tab.d_active = !tab.d_active;
let eventName = !tab.active ? 'tabclose' : 'tabopen';
let eventName = !tab.active ? 'tab-close' : 'tab-open';
this.$emit(eventName, {
originalEvent: event,
tab: tab

View File

@ -73,7 +73,7 @@ import {Accordion, AccordionTab} from 'primevue/accordion';
</CodeHighlight>
<h3>Custom Content at Headers</h3>
<p>Custom content can be placed at an accordion header with header element.</p>
<p>Custom content for the title section of a panel is defined using the header template.</p>
<CodeHighlight>
&lt;Accordion&gt;
&lt;AccordionTab&gt;
@ -134,7 +134,7 @@ export default {
}
</CodeHighlight>
<h3>Properties For AccordionTab</h3>
<h3>Properties of AccordionTab</h3>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
@ -168,7 +168,8 @@ export default {
</table>
</div>
<h3>Properties</h3>
<h3>Properties of Accordion</h3>
<p>Any attribute such as style and class are passed to the main container element. Following is the additional property to configure the component.</p>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
@ -202,16 +203,16 @@ export default {
</thead>
<tbody>
<tr>
<td>tabOpen</td>
<td>event.originalEvent: browser event <br/>
<td>tab-open</td>
<td>event.originalEvent: Browser event <br/>
event.tab: Opened tab
</td>
<td>Callback to invoke when a tab gets expanded.</td>
</tr>
<tr>
<td>tabClose</td>
<td>event.originalEvent: browser event <br/>
event.tab: Closed tab
<td>tab-close</td>
<td>event.originalEvent: Browser event <br/>
event.tab: closed tab
</td>
<td>Callback to invoke when an active tab is collapsed by clicking on the header.</td>
</tr>