File

src/lib/cells/icon-cell/icon-cell.component.ts

Metadata

Index

Inputs

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

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""