@govbr-ds/core/dist/components/list/examples/list-dense-medium.html

Padrão Digital de Governo

<div class="br-list" role="list">
  <div class="header">
    <div class="title">Densidade média</div>
  </div><span class="br-divider"></span>
  <div class="br-item py-3" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">Texto principal</div>
      <div class="col-auto">META</div>
    </div>
  </div><span class="br-divider"></span>
  <div class="br-item py-3" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">Texto principal</div>
      <div class="col-auto">META</div>
    </div>
  </div><span class="br-divider"></span>
  <div class="br-item py-3" role="listitem">
    <div class="row align-items-center">
      <div class="col-auto"><i class="fas fa-heartbeat" aria-hidden="true"></i>
      </div>
      <div class="col">Texto principal</div>
      <div class="col-auto">META</div>
    </div>
  </div><span class="br-divider"></span>
</div>