Diskusi

Ruang tanya-jawab satu kelas. Postingan bisa diberi reaksi cepat dan balasan bertingkat yang dibatasi satu level supaya utas tidak melebar.

Utas diskusi

Setiap postingan: avatar, nama, waktu, isi, lalu baris reaksi. Balasan menjorok dengan garis kiri.

Anisa Rahma2 jam lalu

Untuk UTS pekan depan, materi yang diuji hanya Bab 4 dan Bab 5. Kerjakan latihan halaman 112 nomor 1–10 sebagai pemanasan.

Gita Permata1 jam lalu

Bu, nomor 8 itu pakai aturan rantai atau turunan biasa?

Anisa Rahma50 menit lalu

Aturan rantai, karena ada fungsi di dalam fungsi. Lihat contoh halaman 108.

Bagas Prakoso3 jam lalu

Ada yang punya catatan Bab 5 bagian optimasi? Saya ketinggalan saat izin lomba.

Lihat kode

<div class="ck-card"><div class="ck-card__body ck-p-0">
<article class="ck-post">
  <span class="ck-avatar ck-avatar--sm ck-avatar--c2" aria-hidden="true">AR</span>
  <div class="ck-post__body">
    <div class="ck-post__head"><b>Anisa Rahma</b><span>2 jam lalu</span></div>
    <div class="ck-post__text">Untuk UTS pekan depan, materi yang diuji hanya Bab 4 dan Bab 5. Kerjakan latihan halaman 112 nomor 1–10 sebagai pemanasan.</div>
    <div class="ck-post__foot"><button class="ck-react ck-react--on" type="button">👍 12</button><button class="ck-react" type="button">❓ 3</button><button class="ck-react" type="button">💬 4</button></div>
<div class="ck-replies">
<div class="ck-reply"><span class="ck-avatar ck-avatar--sm ck-avatar--c6" aria-hidden="true">GP</span><div><div class="ck-post__head"><b>Gita Permata</b><span>1 jam lalu</span></div><div class="ck-reply__text">Bu, nomor 8 itu pakai aturan rantai atau turunan biasa?</div></div></div><div class="ck-reply"><span class="ck-avatar ck-avatar--sm ck-avatar--c2" aria-hidden="true">AR</span><div><div class="ck-post__head"><b>Anisa Rahma</b><span>50 menit lalu</span></div><div class="ck-reply__text">Aturan rantai, karena ada fungsi di dalam fungsi. Lihat contoh halaman 108.</div></div></div></div>
  </div>
</article><article class="ck-post">
  <span class="ck-avatar ck-avatar--sm ck-avatar--c1" aria-hidden="true">BP</span>
  <div class="ck-post__body">
    <div class="ck-post__head"><b>Bagas Prakoso</b><span>3 jam lalu</span></div>
    <div class="ck-post__text">Ada yang punya catatan Bab 5 bagian optimasi? Saya ketinggalan saat izin lomba.</div>
    <div class="ck-post__foot"><button class="ck-react" type="button">🙏 5</button><button class="ck-react" type="button">💬 2</button></div>

  </div>
</article></div></div>

Reaksi

Reaksi yang sudah dipilih memakai --on (primary). Bisa juga dipakai sebagai tombol aksi biasa.

Lihat kode

<div class="ck-row ck-row-4 ck-gap-2">
<button class="ck-react ck-react--on" type="button">👍 12</button>
<button class="ck-react" type="button">❓ 3</button>
<button class="ck-react" type="button">💬 4</button>
<button class="ck-react" type="button">🔖 Simpan</button>
</div>