Spoiler

Komponen Spoiler & Konten Tersembunyi

Gunakan komponen spoiler untuk menyembunyikan jawaban kuis, cuplikan kode rahasia, token penting, atau teks sensitif agar pembaca dapat membukanya hanya saat diperlukan:

A. Spoiler Box

Klik kotak spoiler di bawah untuk menampilkan isi konten yang tersembunyi:

Contoh Spoiler Box Interaktif Spoiler

Berikut adalah contoh respon JSON lengkap dari server gateway WhatsApp:

HTML

<details class="spoiler-box">
  <summary>
    <span>Contoh Spoiler Box Interaktif</span>
    <span class="spoiler-tag">
      <iconify-icon icon="lucide:eye"></iconify-icon>
      Spoiler
    </span>
  </summary>
  <div class="spoiler-content">
    <p style="margin-top: 0;">Berikut adalah contoh respon JSON lengkap dari server gateway WhatsApp:</p>
  </div>
</details>

B. Inline Spoiler

Arahkan kursor (*hover*) atau klik pada teks yang disamarkan di bawah ini untuk melihat isinya:

Token Rahasia Pengujian: sk_live_98a7sd8f7a6sd5f4 (Klik / Hover untuk melihat)
Kata Sandi Default Database: wa_gateway_2026!#

HTML

<ul>
  <li>Token Rahasia Pengujian: <span class="spoiler-blur" onclick="this.classList.toggle('revealed')">sk_live_98a7sd8f7a6sd5f4</span> (Klik / Hover untuk melihat)</li>
  <li>Kata Sandi Default Database: <span class="spoiler-blur" onclick="this.classList.toggle('revealed')">wa_gateway_2026!#</span></li>
</ul>