G-Loot DS — toast message

by Augustin Hiebel

HTML

<div class="toast" role="alert" aria-live="assertive">
  <figure class="avatar avatar-circle avatar-sm">
    <div>
      <img src="https://res.cloudinary.com/gloot/image/upload/v1655292255/Marketing/2022_prototype/DummyContent/avatars/avatar_user_10.jpg" alt="avatar" />
    </div>
  </figure>
  <div>
    <div class="toast-title">Jamlog</div>
    <div class="toast-text">Wanna have a quick game of Valorant?</div>
    <button type="button" class="button button-sm button-primary">
      <span>Reply</span>
    </button>
  </div>
  <button type="button" class="button button-sm button-ghost button-close" data-dismiss="toast" aria-label="Close">
    <span class="icon icon-e-remove"></span>
  </button>
</div>