Susunan & navigasi · UiDisclosure 20 dari 100

UiDisclosure

Judul yang bisa diklik untuk membuka isi di bawahnya, dan diklik lagi untuk menutupnya.

Spesimen

Kenapa memakai lipatan bawaan?
Karena keadaan buka-tutup, tombol pengungkapnya, dan pengumuman ke pembaca layar semuanya sudah ada tanpa satu baris JavaScript pun.
terbuka
Apakah ia butuh JavaScript?
Tidak sebaris pun.
tertutup

Pakai kalau

  • Ada penjelasan panjang yang tak semua orang butuhkan.
  • Daftar pertanyaan yang sering ditanyakan; tiap jawaban terlipat sendiri.

Jangan pakai kalau

  • Isinya harus dibaca semua orang. paragraf biasa — jangan sembunyikan yang wajib dibaca
  • Kelompoknya setara dan cuma satu yang boleh terbuka. UiTabs

Kenapa begini

Pencarian bawaan peramban menemukan teks di dalam lipatan ini dan membukanya sendiri. Isi yang disembunyikan dengan cara lain tidak akan pernah ditemukan — dan orang yang mencarinya akan menyimpulkan bahwa isinya memang tidak ada.

Berkasnya
src/features/projects/shared/ui/UiDisclosure.astro
Pasal yang mengikat
belum terikat pasal mana pun