Accordions

  <en-accordion>
    <en-accordion-group heading="Title" [isExpanded]="firstAccordion.expanded">
      body 1
    </en-accordion-group>
    <en-accordion-group
        [isExpanded]="secondAccordion.expanded"
        (arrowClick)="secondAccordion.expanded = $event">
      <nav head (arrowClick)="secondAccordion.expanded = $event">
        My own awesome header
      </nav>
      body2
    </en-accordion-group>
  </en-accordion>
      

(...)
export class AccordionPreviewComponent implements OnInit {
  firstAccordion  = {expanded: false };
  secondAccordion = {expanded: true };
(...)
}