src/lib/cells/icon-cell/icon-cell.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | td[rxap-icon-cell] |
| imports |
NgIf
MatIconModule
IconDirective
|
| styleUrls | ./icon-cell.component.scss |
| templateUrl | ./icon-cell.component.html |
Inputs |
| rxap-icon-cell | |
Type : IconConfig | null
|
|
import {
ChangeDetectionStrategy,
Component,
Input,
} from '@angular/core';
import { IconConfig } from '@rxap/utilities';
import { IconDirective } from '@rxap/material-directives/icon';
import { MatIconModule } from '@angular/material/icon';
import { NgIf } from '@angular/common';
@Component({
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'td[rxap-icon-cell]',
templateUrl: './icon-cell.component.html',
styleUrls: ['./icon-cell.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [NgIf, MatIconModule, IconDirective]
})
export class IconCellComponent {
@Input('rxap-icon-cell')
public icon!: IconConfig | null;
}
<mat-icon *ngIf="icon" [rxapIcon]="icon"></mat-icon>
<ng-content></ng-content>
./icon-cell.component.scss