How to Use CSS Naming Rules Basic Styles Components
Elements
Button Input Radio&Checkbox On-off Select Datetimepicker Dropdown
Layout
Grid Form
Data Display
Tab Table Pagination Badge Process
Feedback
Dialog Message Tooltip PopConfirm Loader
Other
Breadcrumb SideNav
I18N

Message

Use this API to show a message pop-up. Normally, the message pop-up closes itself automatically. You can also close the message by clicking on it.
There are 4 types of messages which are listed below.

Simple API

We provide simple API to call 4 types of messages.


Normal   Dark   Success   Warning   Error  

    Z.Message.msg('Normal message');

    Z.Message.success('Success message');

    Z.Message.warning('Warning message');

    Z.Message.error('Error message');
        

Full API

You can also call the full APIZ.Message.show()for precise control.

You can customize the message's duration: RUN

You can make the message not close itself: RUN


    Z.Message.show({
        type: 'msg', // ['msg', 'success', 'warning', 'error']
        content: 'Close after 10s',
        duration: 10000 // milliseconds
    });

    Z.Message.show({
        type: 'success',
        content: "Don't close myself",
        autoClose: false
    });