vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/accordion/Accordion.vue
View File

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

17
src/views/accordion/AccordionDoc.vue
View File

@ -73,7 +73,7 @@ import {Accordion, AccordionTab} from 'primevue/accordion';
</CodeHighlight> </CodeHighlight>
<h3>Custom Content at Headers</h3> <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> <CodeHighlight>
&lt;Accordion&gt; &lt;Accordion&gt;
&lt;AccordionTab&gt; &lt;AccordionTab&gt;
@ -134,7 +134,7 @@ export default {
} }
</CodeHighlight> </CodeHighlight>
<h3>Properties For AccordionTab</h3> <h3>Properties of AccordionTab</h3>
<div class="doc-tablewrapper"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -168,7 +168,8 @@ export default {
</table> </table>
</div> </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"> <div class="doc-tablewrapper">
<table class="doc-table"> <table class="doc-table">
<thead> <thead>
@ -202,16 +203,16 @@ export default {
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>tabOpen</td> <td>tab-open</td>
<td>event.originalEvent: browser event <br/> <td>event.originalEvent: Browser event <br/>
event.tab: Opened tab event.tab: Opened tab
</td> </td>
<td>Callback to invoke when a tab gets expanded.</td> <td>Callback to invoke when a tab gets expanded.</td>
</tr> </tr>
<tr> <tr>
<td>tabClose</td> <td>tab-close</td>
<td>event.originalEvent: browser event <br/> <td>event.originalEvent: Browser event <br/>
event.tab: Closed tab event.tab: closed tab
</td> </td>
<td>Callback to invoke when an active tab is collapsed by clicking on the header.</td> <td>Callback to invoke when an active tab is collapsed by clicking on the header.</td>
</tr> </tr>