Demo 1
Run this code
// First of all I create a Notimoo instance with default configuration
var notimooManager = new Notimoo();
// Showing a simple notification
notimooManager.show({
title: 'Testing notification',
message: 'This is a sample notitication showing how easy is to use Notimoo.'
});
// Showing a notification that does not disappear.
notimooManager.show({
title: 'Testing notification',
message: 'This notification will not disapper on its own. You must click on it to close.',
sticky: true
});
// Notification with large text.
notimooManager.show({
title: 'Testing notification',
message: 'This is a notification with a long text. If the message you provide does not fit into the notification size, Notimoo magically auto resize its height so all the content is visible.'
});
Demo 2
Run this code
// Now I create the manager so it will display notifications from the left bottom corner
var notimooManager = new Notimoo({
locationVType: 'bottom',
locationHType: 'left'
});
// Showing a notification with no title
notimooManager.show({
message: 'This is a simple notification message that has no title. This can be useful in some situation when you do not need to label your notification'
});
// Showing a notification with custom width and for a shorter period of time
notimooManager.show({
title: 'Custom notification',
message: 'I override some manager properties for this notification so I can show how you can configure a single one',
width: 200,
visibleTime: 2500
});
