G-Loot DS — toast with buttons

by Augustin Hiebel

HTML

<div class="toast" role="alert" aria-live="assertive">
  <span class="icon icon-20 icon-c-info" />
  <div>
    <div class="toast-title">New invite</div>
    <div class="toast-description">Jamlog is inviting you to join his clan.</div>
    <div class="flex items-center gap-2 mt-2">
      <button type="button" class="button button-secondary button-sm">
        <span>Accept</span></button>
      <button type="button" class="button button-ghost button-sm">
        <span>Refuse</span>
      </button>
    </div>
  </div>
  <button type="button" class="button button-sm button-ghost button-close" data-dismiss="toast" aria-label="Close">
    <span class="icon icon-e-remove" />
  </button>
</div>