Lompat ke isi
CirccaHIG

Komponen / Tampilan data

TotalsSummary

Subtotal, diskon, DPP, PPN, dan total di bawah tabel item atau di kolom kanan form PO dan invoice.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Letakkan tepat di bawah tabel item (rata kanan) atau di kolom kanan form, lebar ±320.
  • Ikuti urutan perhitungan: subtotal, pengurang, dasar pajak, pajak, lalu total — pengguna membaca dari atas ke bawah seperti menghitung.
  • Tulis tarif di label ("PPN 12%", "DPP nilai lain (11/12)") agar angka bisa diperiksa.
  • Pakai nilai penuh (Rp 93.795.000), bukan ringkas — ini angka dokumen.

Hindari

  • Jangan menonjolkan lebih dari satu baris sebagai total.
  • Jangan menulis diskon sebagai angka positif tanpa tanda — pakai negative.
  • Jangan memakai TotalsSummary untuk atribut dokumen (customer, termin) — pakai DescriptionList.

Contoh benar & salah

Subtotal
Rp 45.000.000
Diskon tambahan
−Rp 2.250.000
PPN 12%
Rp 4.702.500
Total
Rp 47.452.500
GunakanSatu baris Total yang menonjol, di paling bawah, dipisah garis.
Subtotal
Rp 45.000.000
Diskon tambahan
−Rp 2.250.000
PPN 12%
Rp 4.702.500
Total
Rp 47.452.500
HindariSemua baris sama tebal sehingga total tidak langsung terlihat.
Subtotal
Rp 45.000.000
Diskon tambahan
−Rp 2.250.000
PPN 12%
Rp 4.702.500
Total
Rp 47.452.500
GunakanNominal penuh rata kanan dengan angka tabular; diskon bertanda minus.
Subtotal
Rp45.000.000
Diskon tambahan
2,25 jt
PPN 12%
Rp 4.702.500,00
Total
IDR 47452500
HindariNominal rata kiri dan format campur sehingga digit tidak sejajar.

Penulisan

  • Label pendek dan baku: "Subtotal", "Diskon tambahan", "DPP nilai lain (11/12)", "PPN 12%", "Total".
  • Sebut tarif dan dasar perhitungan di label atau keterangan, bukan di tooltip.
  • Label total boleh lebih spesifik bila ada beberapa jenis total di layar: "Total tagihan", "Total PO".

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil