elementUI Style Notification Plugin Demos

Basic Demos

$.message('Default Message Here');
$.message('<i>HTML</i> message here');

Types

$.message.info('Message here.')
// or
$.message({
    type:'info',
    message:'Message here.'
});
$.message.success('Message here.')
// or
$.message({
    type:'success',
    message:'Message here.'
});
$.message.warning('Message here.')
// or
$.message({
    type:'warning',
    message:'Message here.'
});
$.message.error('Message here.')
// or
$.message({
    type:'error',
    message:'Message here.'
});

Closable

$.message.info({
    message:'Closable message.',
    showClose: true,
})
// or
$.message({
    type:'info',
    message:'Closable message.',
    showClose: true
});
$.message.success({
    message:'Duration:0',
    showClose: true,
    duration:0
})
// or
$.message({
    type:'success',
    message:'Duration:0',
    showClose: true,
    duration:0
});
$.message.error({
    message:'Auto close after 5s',
    showClose: true,
    duration:5000
})
// or
$.message({
    type:'error',
    message:'Auto close after 5s',
    showClose: true,
    duration:5000
});
$.message.warning({
    message:'Callback on close',
    showClose: true,
    onClose:function(self){
        alert(self.msgId);
        }
});
// or
$.message({
    type:'warning',
    message:'Callback on close',
    showClose: true,
    onClose:function(self){
        alert(self.msgId);
        }
});