igniteui-angular-sovn/src/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<button igxButton="outlined" type="button" [displayDensity]="grid.displayDensity" name="btnAdvancedFiltering" igxRipple
    [title]="grid?.resourceStrings.igx_grid_toolbar_advanced_filtering_button_tooltip"
    (click)="grid.openAdvancedFilteringDialog()"
    [ngClass]="grid.advancedFilteringExpressionsTree ? 'igx-grid-toolbar__adv-filter--filtered' : 'igx-grid-toolbar__adv-filter'">
    <igx-icon>filter_list</igx-icon>
    <span #ref>
        <ng-content></ng-content>
    </span>
    <span *ngIf="!ref.childNodes.length">{{ grid?.resourceStrings.igx_grid_toolbar_advanced_filtering_button_label }}</span>
</button>