Snackbars

Showcasing MICL snackbars

Showcase

Click a button to open one of the MICL snackbars.

Message sent

Lorem ipsum dolor sit amet consectetur adipiscing elit, fringilla commodo proin natoque lobortis maecenas penatibus volutpat, dapibus erat tortor gravida augue torquent.

Message sent An email has been sent to john@example.com

Code example

<div id="mysnackbar" class="micl-snackbar" popover="manual" role="status" aria-atomic="true" data-micldelay="3000">
    <span class="micl-snackbar__supporting-text">Message sent</span>
    <button type="button" class="micl-iconbutton-standard-s material-symbols-outlined" popovertarget="mysnackbar">close</button>
</div>