Doc update for accordion
parent
8efd5dd719
commit
601a413484
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
<Accordion>
|
||||
<AccordionTab>
|
||||
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue