Peringkat

Tiga peringkat teratas dapat warna khusus. Sisanya netral supaya sorotan tetap bermakna.

Papan peringkat

Kombinasi peringkat, avatar, nama, dan XP.

1Andi Pratama1.240 XP

2Rina Wijaya980 XP

3Budi Santoso720 XP

4Dewi Lestari610 XP

Lihat kode

<div class="ck-list" style="max-width:34rem">
  <div class="ck-list__item"><span class="ck-rank ck-rank--1">1</span><span class="ck-avatar ck-avatar--sm" data-ck-avatar="Andi Pratama"><span></span></span><span class="ck-grow ck-strong">Andi Pratama</span><span class="ck-text-sm ck-strong">1.240 XP</span></div>
  <div class="ck-list__item"><span class="ck-rank ck-rank--2">2</span><span class="ck-avatar ck-avatar--sm" data-ck-avatar="Rina Wijaya"><span></span></span><span class="ck-grow ck-strong">Rina Wijaya</span><span class="ck-text-sm ck-strong">980 XP</span></div>
  <div class="ck-list__item"><span class="ck-rank ck-rank--3">3</span><span class="ck-avatar ck-avatar--sm" data-ck-avatar="Budi Santoso"><span></span></span><span class="ck-grow ck-strong">Budi Santoso</span><span class="ck-text-sm ck-strong">720 XP</span></div>
  <div class="ck-list__item"><span class="ck-rank">4</span><span class="ck-avatar ck-avatar--sm" data-ck-avatar="Dewi Lestari"><span></span></span><span class="ck-grow">Dewi Lestari</span><span class="ck-text-sm ck-muted">610 XP</span></div>
</div>