Paginasi

Untuk daftar panjang seperti bank soal dan anggota lembaga. Selalu sertakan jumlah total dan rentang yang sedang dilihat.

Paginasi lengkap

Halaman aktif memakai aria-current="page".

Menampilkan 1–20 dari 128 soal

…

Lihat kode

<div class="ck-pagination">
  <span class="ck-text ck-muted">Menampilkan 1–20 dari 128 soal</span>
  <div class="ck-pagination__pages">
    <button class="ck-page" disabled aria-label="Sebelumnya"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m15 18-6-6 6-6"/></svg></button>
    <button class="ck-page" aria-current="page">1</button>
    <button class="ck-page">2</button>
    <button class="ck-page">3</button>
    <span class="ck-page ck-page--gap">…</span>
    <button class="ck-page">7</button>
    <button class="ck-page" aria-label="Berikutnya" style="transform:rotate(180deg)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m15 18-6-6 6-6"/></svg></button>
  </div>
</div>