import { ChangeDetectionStrategy , Component , ElementRef , Renderer , ViewEncapsulation } from '@angular/core' ; import { Config } from '../../config/config' ; import { Ion } from '../ion' ; name module description property usage demo see {@link /docs/components#fabs FAB Component Docs} @ Component ( { selector : '[ion-fab]' , template : '<ion-icon name="close" class="fab-close-icon"></ion-icon>' + '<span class="button-inner">' + '<ng-content></ng-content>' + '</span>' + '<div class="button-effect"></div>' , changeDetection : ChangeDetectionStrategy . OnPush , encapsulation : ViewEncapsulation . None , } ) export class FabButton extends Ion { constructor ( config , elementRef , renderer ) { super ( config , elementRef , renderer , 'fab' ) ; } hidden setActiveClose ( closeVisible ) { this . setElementClass ( 'fab-close-active' , closeVisible ) ; } }