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

Import

tsx
import { TotalsSummary } from '@divistant/circca-react';

Props

Dirender sebagai <dl>; setiap baris <div> berisi <dt> (label) dan <dd> (nilai). Juga menerima atribut <dl>.
PropTipeDefaultKeterangan
itemsTotalsSummaryItem[]—Baris rincian di atas total: { label, value, negative?, emphasis?, description?, id? }. value angka diformat formatMoney; ReactNode diteruskan apa adanya.
totalnumber | { label?, value }—Baris total yang menonjol (garis atas border/default + Headline/Default). Angka saja = label "Total".
currencystring'IDR'Kode mata uang ISO untuk nilai angka.
localestring'id-ID'Locale format angka.
terbilangbooleanfalseTerbilang di bawah total ("Terbilang: … rupiah"). Hanya untuk IDR dan total berupa angka.
classNamestring—Kelas tambahan, mis. lebar kolom (Figma 320).

Sumber

Kode komponen ada di packages/react/src/components/totals-summary. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.

Esc
↑↓ pilih↵ buka12 hasil