Daftar

Baris-baris dengan isi seragam: peserta, paket soal, aktivitas. Lebih ringan dari tabel bila kolomnya sedikit.

Daftar peserta

Setiap baris bisa jadi tautan dengan ck-list__item--link.

Andi Pratama
X IPA 1 · 1.240 XP Level 7 Rina Wijaya
X IPA 1 · 980 XP Level 6 Budi Santoso
X IPA 2 · 720 XP Level 4

Lihat kode

<div class="ck-list" style="max-width:34rem">
  <a class="ck-list__item ck-list__item--link" href="#">
    <span class="ck-avatar ck-avatar--sm" data-ck-avatar="Andi Pratama"><span></span></span>
    <span class="ck-grow"><span class="ck-list__title">Andi Pratama</span><br><span class="ck-list__desc">X IPA 1 · 1.240 XP</span></span>
    <span class="ck-badge ck-badge--info">Level 7</span>
  </a>
  <a class="ck-list__item ck-list__item--link" href="#">
    <span class="ck-avatar ck-avatar--sm" data-ck-avatar="Rina Wijaya"><span></span></span>
    <span class="ck-grow"><span class="ck-list__title">Rina Wijaya</span><br><span class="ck-list__desc">X IPA 1 · 980 XP</span></span>
    <span class="ck-badge ck-badge--info">Level 6</span>
  </a>
  <a class="ck-list__item ck-list__item--link" href="#">
    <span class="ck-avatar ck-avatar--sm" data-ck-avatar="Budi Santoso"><span></span></span>
    <span class="ck-grow"><span class="ck-list__title">Budi Santoso</span><br><span class="ck-list__desc">X IPA 2 · 720 XP</span></span>
    <span class="ck-badge ck-badge--muted">Level 4</span>
  </a>
</div>