Notifications Powerful alerts based on Bootstrap Toasts and Bootstrap Notify plugin.
Bootstrap Toasts
Default
A nice toast with a message
You can also trigger it with JS:
jQuery('#toast-example-1').toast('show');
You can also trigger it with JS:
jQuery('#toast-example-2').toast('show');
Bootstrap Notify
Info
A notification with an informational message
You can also trigger it with JS:
One.helpers('notify', {type: 'info', icon: 'fa fa-info-circle mr-1', message: 'Your message!'});
Success
A notification with a success message
You can also trigger it with JS:
One.helpers('notify', {type: 'success', icon: 'fa fa-check mr-1', message: 'Your message!'});
Warning
A notification with a warning message
You can also trigger it with JS:
One.helpers('notify', {type: 'warning', icon: 'fa fa-exclamation mr-1', message: 'Your message!'});
Error
A notification with an error message
You can also trigger it with JS:
One.helpers('notify', {type: 'danger', icon: 'fa fa-times mr-1', message: 'Your message!'});
Position
You can show your notification in multiple screen positions
You can also trigger it with JS:
One.helpers('notify', {message: 'Your message!'});
You can also trigger it with JS:
One.helpers('notify', {align: 'center', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('notify', {align: 'left', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('notify', {from: 'bottom', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('notify', {from: 'bottom', align: 'center', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('notify', {from: 'bottom', align: 'left', message: 'Your message!'});