Molecule

MetricStrip

Three KPIs in a horizontal row, each a (label, value) pair. Used at the top of every surface to show aggregate portfolio stats. Emits div.ks-hstack.ks-metric-strip.

Knobs

Density

Locale

Live Preview

Holdings 5

Total Weight 100.0%

Average Gain 8.6%

Code (Katagami DSL)

MetricStrip(items: [
  .init(
    label: "Holdings",
    value: "5"
  ),
  .init(
    label: "Total Weight",
    value: "100.0%"
  ),
  .init(
    label: "Average Gain",
    value: "8.6%"
  ),
])

Props

Name	Type	Default	Description
items	[(label: String, value: String)]	[]	List of (label, value) pairs
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In

PortfolioPro
IndicatorsDaily
FundsScreener