File

projects/netgrif-components-core/src/lib/snack-bar/components/generic-snack-bar/generic-snack-bar.component.ts

Extends

SnackBarComponent

Metadata

selector ncc-generic-snack-bar
styleUrls ./generic-snack-bar.component.scss
templateUrl ./generic-snack-bar.component.html

Index

Properties
Methods

Constructor

constructor(snackBarRef: MatSnackBarRef<GenericSnackBarComponent>, data: SnackBarInjectionData)
Parameters :
Name Type Optional
snackBarRef MatSnackBarRef<GenericSnackBarComponent> No
data SnackBarInjectionData No

Methods

onDismiss
onDismiss()
Inherited from SnackBarComponent
Returns : void

Properties

Public data
Type : SnackBarInjectionData
Decorators :
@Inject(MAT_SNACK_BAR_DATA)
Inherited from SnackBarComponent
Public snackBarRef
Type : MatSnackBarRef<GenericSnackBarComponent>
Inherited from SnackBarComponent
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

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""