projects/netgrif-components-core/src/lib/snack-bar/components/generic-snack-bar/generic-snack-bar.component.ts
| selector | ncc-generic-snack-bar |
| styleUrls | ./generic-snack-bar.component.scss |
| templateUrl | ./generic-snack-bar.component.html |
Properties |
|
Methods |
constructor(snackBarRef: MatSnackBarRef<GenericSnackBarComponent>, data: SnackBarInjectionData)
|
|||||||||
|
Parameters :
|
| onDismiss |
onDismiss()
|
|
Inherited from
SnackBarComponent
|
|
Defined in
SnackBarComponent:14
|
|
Returns :
void
|
| Public data |
Type : SnackBarInjectionData
|
Decorators :
@Inject(MAT_SNACK_BAR_DATA)
|
|
Inherited from
SnackBarComponent
|
|
Defined in
SnackBarComponent:14
|
| Public snackBarRef |
Type : MatSnackBarRef<GenericSnackBarComponent>
|
|
Inherited from
SnackBarComponent
|
|
Defined in
SnackBarComponent:13
|
import {Component, Inject} from '@angular/core';
import {SnackBarComponent} from '../../models/abstract-snack-bar.component';
import {SnackBarInjectionData} from '../../models/snack-bar-injection-data';
import {MAT_SNACK_BAR_DATA, MatSnackBarRef} from '@angular/material/snack-bar';
@Component({
selector: 'ncc-generic-snack-bar',
templateUrl: './generic-snack-bar.component.html',
styleUrls: ['./generic-snack-bar.component.scss']
})
export class GenericSnackBarComponent extends SnackBarComponent<GenericSnackBarComponent> {
constructor(public snackBarRef: MatSnackBarRef<GenericSnackBarComponent>,
@Inject(MAT_SNACK_BAR_DATA) public data: SnackBarInjectionData) {
super(snackBarRef, data);
}
}
<div fxLayout="row" fxLayoutAlign="start center" class="snack-bar-container">
<mat-icon color="accent" class="snack-bar-icon-margin">{{data.matIconName}}</mat-icon>
<span>{{data.message}}</span>
<div fxFlex></div>
<button *ngIf="data.closable" mat-icon-button (click)="onDismiss()">
<mat-icon class="snack-bar-close-icon">close</mat-icon>
</button>
</div>
./generic-snack-bar.component.scss