# Panduan Komponen UI per Modul

## Semua Halaman

- sidebar dan topbar konsisten;
- breadcrumb atau judul halaman;
- kartu putih dengan garis tipis;
- pesan kosong yang memberi arahan;
- flash message konsisten;
- modal konfirmasi untuk tindakan penting;
- label status berupa teks dan ikon;
- mobile minimum 360 piksel.

## Daftar dan Antrean

- pencarian;
- filter relevan;
- pagination;
- kolom status;
- tindakan utama jelas;
- filter tidak menghilangkan input ketika validasi gagal.

## Form

- label jelas;
- tanda kolom wajib;
- pesan validasi dekat input;
- tombol simpan atau kirim dibedakan;
- tindakan berisiko meminta konfirmasi.

## Detail Tiket

- ringkasan identitas tiket;
- data aset;
- data kerusakan;
- foto;
- status dan SLA;
- timeline kronologis;
- panel tindakan hanya muncul untuk role dan status yang benar.

## Dashboard

- kartu angka berbasis data nyata setelah modul tersedia;
- daftar tindakan yang membutuhkan perhatian;
- jangan menampilkan data dummy setelah fase integrasi;
- warna hijau sebagai aksen utama.
