Material Grammi=
Getting StartedContributeIntroductionConfigureCssGrid SystemColorsHelpersTypographyComponentsAccordionAlertBreadcrumbsButtonsCalendarCardChatCheckboxChipCollapseComponentCountdownDateDate RangeDragableDropableDropdownFixerFooterImageInputListMegamenuModalNavbarNotesNotificationsOffcanvasOverlayPaginationRadioSelectSlideshowSwitchTabTableText InputToastWidgetWizard

Notification

Selectormg-notification

Input Options

Filter

Search

Sort

Select
name
allowed
type
default
name
allowed
type
default
positiontopLeft | topRight | topCenter | centerLeft | centerCenter | centerRight | bottomLeft | bottomCenter | bottomRightstringtopLeft
closeany html stringstring

Add a notification

Function
            constructor( private mgService : MaterialgrammiService ) {}
            this.mgService.addNotification(
                "topLeft", 
                "Simple Message", 
                 { 
                    size: "m",
                    timer: 1000
                },
                class: "blueGrey8 text-grey2 radius-5 pad-10 marginT-10 outline-grey7 shadow-1"
            );

Example

Preview Code

position

Select
top-left
top-center
top-right
center-left
center-center
center-right
bottom-left
bottom-center
bottom-right

size

Select
small
medium
large

Generate