G-Loot DS — list item as header

by Augustin Hiebel

HTML

<div className="flex-1 surface rounded-lg overflow-hidden">
  <div className="item">
    <div className="item-image">
      <figure className="avatar avatar-tiny avatar-simple">
        <div>
          <span className="icon icon-chart-bar-33" />
        </div>
      </figure>
    </div>
    <div className="item-body">
      <div className="item-title">Your stats</div>
    </div>
    <div className="item-actions">
      <div>
        <span className="icon icon-24 icon-arrow-sm-down text-ui-300" />
      </div>
    </div>
  </div>
</div>