iuap-design/snippets/examples/message/1-base/widget.html

UI Framework Used For Enterprise.

<div class="example">
    <div class="u-message u-mesnews active" >    
        <span class="u-msg-close fa fa-close"></span>
        News!
    </div>
    <div class="u-message u-mesinfo active">
        <span class="u-msg-close fa fa-close"></span>
        Info!
    </div>
    <div class="u-message u-messuccess active">    
        <span class="u-msg-close fa fa-close"></span>
        Success!
    </div>
    <div class="u-message u-mesdanger active">
        <span class="u-msg-close fa fa-close"></span>
        Danger!
    </div>
    <div class="u-message u-meswarning active">
        <span class="u-msg-close fa fa-close"></span>
        Warning!
    </div>
</div>