Angular 2 Md2Accordion and Md2Collapse


Example

Md2Collapse : Collapse is a directive, it's allow the user to toggle visiblity of the section.

Examples

A collapse would have the following markup.

<div [collapse]="isCollapsed">
  Lorum Ipsum Content
</div>

Md2Accordion : Accordion it's allow the user to toggle visiblity of the multiple sections.

Examples

A accordion would have the following markup.

<md2-accordion [multiple]="multiple">
  <md2-accordion-tab *ngFor="let tab of accordions" 
                     [header]="tab.title" 
                     [active]="tab.active" 
                     [disabled]="tab.disabled">
    {{tab.content}}
  </md2-accordion-tab>
  <md2-accordion-tab>
    <md2-accordion-header>Custom Header</md2-accordion-header>
    test content
  </md2-accordion-tab>
</md2-accordion>