G-Loot DS — list item with action

by Augustin Hiebel

HTML

<ul>
  <li className="item">
    <div className="item-image">
      <figure className="avatar avatar-xs">
        <div>
          <img src="https://res.cloudinary.com/gloot/image/upload/v1655292255/Marketing/2022_prototype/DummyContent/avatars/avatar_user_5.jpg" />
        </div>
      </figure>
    </div>
    <div className="item-body">
      <div className="item-title">Croc Esports</div>
      <div className="text-ui-300 text-xs">3 members</div>
    </div>
    <div className="item-actions">
      <div>
        <button className="button button-secondary rounded-full tooltip tooltip-left" data-tooltip="Join team">
          <span className="icon icon-b-add" />
        </button>
      </div>
    </div>
  </li>
</ul>