Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<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.