File

projects/common/lib/components/accordion/accordion.component.ts

Description

AccordionComponent is a

Implements

OnInit

Example

<common-accordion
title="'Documents'"
[isOpen]="false">
</common-accordion>

Metadata

selector common-accordion
styleUrls ./accordion.component.scss
templateUrl ./accordion.component.html

Index

Properties
Methods
Inputs

Constructor

constructor()

Inputs

isOpen
Type : boolean
Default value : false
title
Type : string

Methods

ngOnInit
ngOnInit()
Returns : void

Properties

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>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""