projects/common/lib/components/accordion/accordion.component.ts
AccordionComponent is a
<common-accordion
title="'Documents'"
[isOpen]="false">
</common-accordion>
selector | common-accordion |
styleUrls | ./accordion.component.scss |
templateUrl | ./accordion.component.html |
Properties |
|
Methods |
Inputs |
constructor()
|
isOpen | |
Type : boolean
|
|
Default value : false
|
|
title | |
Type : string
|
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
Public expandText |
Type : string
|
Default value : '(click to expand)'
|
import { Component, OnInit, Input } from '@angular/core';
/**
* AccordionComponent is a
*
* @example
* <common-accordion
* title="'Documents'"
* [isOpen]="false">
* </common-accordion>
* @export
*/
@Component({
selector: 'common-accordion',
templateUrl: './accordion.component.html',
styleUrls: ['./accordion.component.scss']
})
export class AccordionCommonComponent implements OnInit {
@Input() title: string;
@Input() isOpen: boolean = false;
public expandText: string = '(click to expand)';
ngOnInit() {
}
constructor() { }
}
<accordion>
<accordion-group
[isOpen]="isOpen">
<div accordion-heading>
{{title}}
<i class="pull-right float-xs-right fa fa-caret-right" [ngClass]="isOpen"></i>
<span class="control-text">{{expandText}}</span>
</div>
<ng-content></ng-content>
</accordion-group>
</accordion>