Enlite Prime
Buy Now
Welcome to Enlite Prime
Here is some guide to use this template. Click next to continue and back to previous or click on outside to skip it.
notification_important
Snackbars/Notification
Snackbars provide brief feedback about an operation through a message - typically at the bottom of the screen.
Simple Notification
Positioning
descriptionsrc/app/containers/UiElements/demos/Notification/SimpleNotif.js
notifications_active
Styled Notification
Some snackbars with varying message style. And some snackbars with varying message length.
Default Styled Notification
This is an error message!
This is a warning message!
This is an information message!
This is a success message!
Custom Styled Notification with CSS
Notification default
Notification Info
Success Notification Message
I love candy. I love cookies. I love cupcakes.
I love cheesecake. I love chocolate.
descriptionsrc/app/containers/UiElements/demos/Notification/StyledNotif.js
perm_device_information
Mobile Notification
Move the floating action button vertically to accommodate the snackbar height.
Out of my way!
descriptionsrc/app/containers/UiElements/demos/Notification/MobileNotif.js
gradient
Transition
Per Google's guidelines, when a second snackbar is triggered while the first is displayed, the first should start the contraction motion downwards before the second one animates upwards.
Transition
Change Transition
Consecutive Snackbars
descriptionsrc/app/containers/UiElements/demos/Notification/TransitionNotif.js