UNPKG

ng2-encrm-components

Version:

angular 2 components

github.com/angularclass/angular2-webpack-starter

angularclass/angular2-webpack-starter

45 lines (44 loc) • 1.43 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<div class="col-xs-12"> <h1 id="accordions">Accordions</h1> <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> <tabset> <tab heading="HTML"> <pre><code highlight class="html"> &lt;en-accordion&gt; &lt;en-accordion-group heading=&quot;Title&quot; [isExpanded]=&quot;firstAccordion.expanded&quot;&gt; body 1 &lt;/en-accordion-group&gt; &lt;en-accordion-group [isExpanded]=&quot;secondAccordion.expanded&quot; (arrowClick)=&quot;secondAccordion.expanded = $event&quot;&gt; &lt;nav head (arrowClick)=&quot;secondAccordion.expanded = $event&quot;&gt; My own awesome header &lt;/nav&gt; body2 &lt;/en-accordion-group&gt; &lt;/en-accordion&gt; </code></pre> </tab> <tab heading="TypeScript"> <pre><code highlight class="typescript"> (...) export class AccordionPreviewComponent implements OnInit &#123; firstAccordion = &#123;expanded: false &#125;; secondAccordion = &#123;expanded: true &#125;; (...) &#125; </code></pre> </tab> </tabset> </div>