soc-core/src/html/elements/components_toaster.html

Core sass framework based on Bootstrap

<a name="toaster"></a>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
            <div class="page-header">
                <h1>Toasters <small>Colorful message popups
                    <span class="label label-warning">JS</span>    
                </small></h1>
            </div>
        </div>

        <div class="col-sm-12">
            <p>Toastr is a javascript library for non-blocking notifications. The goal is to create a simple core library that
                can be customized and extended. To use this call toastr.info, toastr.warning, toastr.error or toastr.success
                using javascript and pass in a string message.</p>
            <button class="btn button-default" id="toastBtn_info">Show info toast</button>
            <button class="btn button-default" id="toastBtn_warning">Show warning toast</button>
            <button class="btn button-default" id="toastBtn_error">Show error toast</button>
            <button class="btn button-default" id="toastBtn_success">Show success toast</button>

            <div class="well">
                <span>emmets:
                    <pre><code>No emmet available, as this is pure js</code></pre>
                </span>
            </div>
        </div>
    </div>
</div>