<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. |