Snackbar

Snackbar

Snackbar content
<div class="snackbar">
  <div class="display-flex align-items-center">
    <div class="padding-3 flex-grow-1">
      Snackbar content
    </div>
    <div class="">
      <button type="button" class="button button--text">Retry</button>
    </div>
    <div class="padding-1">
      <button type="button" class="icon-button">
        <span class="material-icons">close</span>
      </button>
    </div>
  </div>
</div>

Position

Snackbar content
<div class="snackbar-container">
  <div class="snackbar">
    <div class="padding-3">
      Snackbar content
    </div>
  </div>
</div>