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:
new bootstrap.Toast(document.getElementById('toast-example-1')).show();
You can also trigger it with JS:
new bootstrap.Toast(document.getElementById('toast-example-2')).show();
Bootstrap Notify
Info
A notification with an informational message
You can also trigger it with JS:
One.helpers('jq-notify', {type: 'info', icon: 'fa fa-info-circle me-1', message: 'Your message!'});
Success
A notification with a success message
You can also trigger it with JS:
One.helpers('jq-notify', {type: 'success', icon: 'fa fa-check me-1', message: 'Your message!'});
Warning
A notification with a warning message
You can also trigger it with JS:
One.helpers('jq-notify', {type: 'warning', icon: 'fa fa-exclamation me-1', message: 'Your message!'});
Error
A notification with an error message
You can also trigger it with JS:
One.helpers('jq-notify', {type: 'danger', icon: 'fa fa-times me-1', message: 'Your message!'});
Position
You can show your notification in multiple screen positions
You can also trigger it with JS:
One.helpers('jq-notify', {message: 'Your message!'});
You can also trigger it with JS:
One.helpers('jq-notify', {align: 'center', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('jq-notify', {align: 'left', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('jq-notify', {from: 'bottom', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('jq-notify', {from: 'bottom', align: 'center', message: 'Your message!'});
You can also trigger it with JS:
One.helpers('jq-notify', {from: 'bottom', align: 'left', message: 'Your message!'});