Snackbar

Examples

Snackbbars are used for UI alerts like when a request was sent to the server. They are not used for form errors. The js- classes are not needed on our React apps.

Saved to Miller Associates Change List

<button class="btn btn--default js-snack-bar-toggle">Toggle snack bar</button>

<div class="snack-bar fixed bottom0 z5 full-shadow bg--darkest-gray rounded--top pt1 pb1 pl3 pr3 text--white none js-snack-bar">
    <span class="snack-bar__text inline-block vertical-bottom">Saved to <span class="bold">Miller Associates</span></span>
    <span class="snack-bar__button inline-block vertical-bottom ellipsis right-align bold link--yellow pointer">Change List</span>
</div>