Semua komponen

Tombol kapsul untuk menjalankan aksi; satu Primary per layar.

Tombol bulat berisi ikon saja untuk toolbar dan baris tabel. Wajib aria-label.

Tombol yang membuka menu aksi terkait (Ekspor ▾, Aksi lain ▾).

Pilihan 2–5 tampilan yang saling eksklusif: Daftar / Board, Minggu / Bulan.

Menu aksi pop-up dengan grup, pemisah, dan aksi merusak.

Label + kontrol + teks bantuan/error yang saling terhubung.

Isian teks satu baris dengan ikon, prefix, dan suffix.

Isian teks panjang dengan penghitung karakter.

Nominal uang rata kanan dengan pemisah ribuan dan terbilang.

Pop-up button untuk memilih satu dari daftar pendek.

Pilihan independen atau persetujuan tunggal.

Satu pilihan dari 2–5 opsi yang semuanya terlihat.

Pengaturan yang langsung berlaku tanpa tombol Simpan.

Kolom pencarian kapsul dengan tombol hapus.

Menambah/mengurangi angka kecil: qty, jumlah termin.

Field tanggal tertutup dengan kalender pop-up.

Memilih beberapa nilai, mis. assignee atau tag.

Pilihan dengan pencarian untuk daftar panjang (customer, item) + aksi "Buat baru".

Area unggah lampiran (PO customer, BAST) dengan progres per file.

Nilai terpilih yang bisa dihapus di dalam MultiSelect atau filter.

Filter aktif berbentuk chip: "Status: Draft".

Baris pencarian + filter + jumlah hasil di atas daftar dokumen.

Navigasi sidebar ala macOS, gaya Symbol atau Tile (System Settings).

Berpindah bagian dalam satu dokumen; di HIG tampil sebagai segmen di tengah.

Tahap dokumen/deal bertanggal: selesai, berjalan, perlu tindakan, menang/kalah.

Langkah wizard pengisian form multi-halaman.

Bar judul + pencarian + aksi utama; kaca hanya di kelompok kontrol.

Header aplikasi: pencarian global, notifikasi, pengalih perusahaan.

Berpindah antar-perusahaan (Divistant, Dikstra) dalam satu aplikasi.

Navigasi utama di ponsel, melayang di atas tepi bawah.

Bar atas di ponsel: kembali, judul besar/kecil, aksi.

Kerangka layar: sidebar kaca, isi, dan inspector opsional.

Wadah isi berjudul dengan aksi dan footer.

Daftar berkelompok inset ala Settings untuk pengaturan dan form ringkas.

Pasangan label–nilai untuk detail dokumen.

Ringkasan objek: ikon, nama, meta, status — untuk inspector dan kartu.

Panel inspector di kanan yang menyatu dengan layar.

Label status dokumen dengan 7 tone bermakna.

Angka kecil di ikon atau menu (99+).

Inisial atau foto pengguna; grup dengan overflow.

Tabel ERP: sel editable, pohon, baris total, paginasi.

Subtotal, diskon, PPN, dan total di bawah tabel item.

Angka utama + tren baik/buruk + pembanding.

Tenggat dengan status: aman, dekat, terlambat.

Riwayat aktivitas dokumen: siapa, melakukan apa, kapan.

Daftar tugas dengan tenggat dan penanggung jawab.

Bar kapsul tipis untuk progres atau kapasitas.

Isi kosong, tanpa hasil, atau tanpa izin — dengan aksi berikutnya.

Placeholder saat data dimuat.

Sheet modal untuk konfirmasi dan form singkat.

Peringatan sistem ringkas yang menuntut keputusan.

Panel melayang untuk detail atau filter tanpa meninggalkan layar.

Teks singkat penjelas fungsi kontrol, tanpa caret.

Pesan di dalam halaman: info, peringatan, error, dengan aksi.

HUD gelap singkat setelah aksi berhasil, dengan Urungkan.

Panel notifikasi dengan titik biru belum dibaca ala Mail.

Kartu grafik dengan judul, filter periode, dan legenda.

Bagian grafik: batang, legenda, tooltip, garis target.

Jadwal proyek dengan milestone dan termin pembayaran.

Board pipeline deal dan tugas proyek.

Kolom komentar dengan @mention; ⌘ Return untuk kirim.

Grid jam kerja per tugas per hari; lebih jam ditandai oranye.

Logo produk (Divistant, BizOps, IntegraCI) untuk header sidebar.