<mk-accordion-group [isMultiple]="true">
<mk-accordion header="Collapsible Group Item #1">
Accorion content.
</mk-accordion>
<mk-accordion header="Collapsible Group Danger" borderColor="danger">
Accorion content.
</mk-accordion>
</mk-accordion-group>
<mk-accordion-group>
<mk-accordion>
<mk-accordion-header>Accordion HTML header</mk-accordion-header>
<mk-accordion-content>Accorion text.</mk-accordion-content>
</mk-accordion>
<mk-accordion>
<mk-accordion-header>Accordion HTML header</mk-accordion-header>
<mk-accordion-content>Accorion content.</mk-accordion-content>
</mk-accordion>
</mk-accordion-group>
| Name | Type | Default | Description |
|---|---|---|---|
| activeIndex | boolean | false | Index of the active tab or an array of indexes to change selected accordion programmatically. |
| isMultiple | boolean | false | Defines if multiple accordion can be opened. |
| styleClass | string | box-group | Style class of the component. |
| Name | Parameters | Description |
|---|---|---|
| onCollapseDone | event.animationEvent: animation event event.index: Index of the accordion |
Callback to invoke after accordion toggle. |
| onCollapseStart | event.animationEvent: animation event event.index: Index of the accordion |
Callback to invoke before accordion toggle. |
| Name | Type | Default | Description |
|---|---|---|---|
| borderColor | string (default | primary | success | info | warning | danger | rgb | rgba | hex) | default | The accordion border top color. |
| contentColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | null | The accordion content font color. |
| contentStyleClass | string | box-body | The accordion content Style classes. |
| header | string | null |
Header text of the panel. Note: You can use <mk-accordion-header> for HTML header. |
| headerColor | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | null | The accordion header font color. |
| headerColorHover | string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) | null | The accordion header font color on hover. |
| headerStyleClass | string | box-header with-border | The accorion header style classes. |