Toast Notification

A toast provides simple feedback about an operation in a small popup. It only fills the amount of space required for the message and the current activity remains visible and interactive.

How to import notification-toast styles:

In order to use notification-toasts in your project, import following path in your main styles:

@import 'node_modules/@mobilelivenpm/fds-static-scss/src/scss/notification-toast
How to customize notification-toast styles:

In order to customize notification-toasts in your theme as per requirements, import following path in your theme-settings file:

@import 'node_modules/@mobilelivenpm/fds-static-scss/theme/notification-toast

Success

info-icon
This is the toast Notification

This is the toast Notification Message

close button
info-icon
This is the toast Notification

This is the toast Notification Message

close button

Error

info-icon
This is the toast Notification

This is the toast Notification Message

close button
info-icon
This is the toast Notification

This is the toast Notification Message

close button

Warning

info-icon
This is the toast Notification

This is the toast Notification Message

close button
info-icon
This is the toast Notification

This is the toast Notification Message

close button

Info

info-icon
This is the toast Notification

This is the toast Notification Message

close button
info-icon
This is the toast Notification

This is the toast Notification Message

close button