Notifications

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:

Dashmix.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:

Dashmix.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:

Dashmix.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:

Dashmix.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:

Dashmix.helpers('jq-notify', {message: 'Your message!'});

You can also trigger it with JS:

Dashmix.helpers('jq-notify', {align: 'center', message: 'Your message!'});

You can also trigger it with JS:

Dashmix.helpers('jq-notify', {align: 'left', message: 'Your message!'});

You can also trigger it with JS:

Dashmix.helpers('jq-notify', {from: 'bottom', message: 'Your message!'});

You can also trigger it with JS:

Dashmix.helpers('jq-notify', {from: 'bottom', align: 'center', message: 'Your message!'});

You can also trigger it with JS:

Dashmix.helpers('jq-notify', {from: 'bottom', align: 'left', message: 'Your message!'});