Demo widget-help · v1

Widget Help — semua tipe & scope

Halaman ini meniru aplikasi lain. Data 100% dari demo-data.json (hardcoded) — tanpa database, tanpa login, tidak tampil di dashboard.

1 · Semua tipe field 2 · Section & Global 3 · Icon-button 4 · Panel melayang
1

Form reservasi — semua tipe field

Klik ? di samping tiap kontrol untuk melihat hasil bantuannya.

scope · field
2

Section & Global satu layar

Satu ? untuk sekelompok field & satu banner untuk seluruh layar.

scope · section/global
§

Bagian Data Tamu

Mencakup nama, no. HP, jumlah tamu.

section
group

ⓘ

Tentang layar ini

Banner bantuan umum seluruh layar reservasi.

global
banner

3

Icon-button (tipe button murni icon)

Tombol tanpa teks + ? kecil mengambil bantuannya.

field_type · button
4

Panel melayang (tombol ? kanan bawah)

Isi panel: banner global → pencarian → daftar per group → detail + FAQ + related.

widget.js

ⓘ Banner global

Tampil paling atas saat pencarian kosong — bantuan umum satu layar.

⌕ Pencarian langsung

Filter judul, key, dan keterangan secara real-time.

📁 Daftar per group

Data Tamu, Jadwal, Kamar, Aksi, Navigasi — berkelompok rapi.

↗ Detail & relasi

Klik satu topik → isi lengkap, FAQ accordion, lompat ke topik terkait.

?

Coba sekarang — klik tombol ? melayang di kanan bawah.

Sumber: demo-data.json · tidak tersimpan di database · tidak tampil di Dashboard Help.