Molecule

IndicatorKPIStrip

YTD / Volatility / Max Drawdown KPIs in a horizontal row. Same layout as MetricStrip but smaller scale. Emits div.ks-hstack.ks-indicator-kpi-strip.

Knobs
Density
Locale
Live Preview
YTD 7.3%
Volatility 14.2%
Max Drawdown -8.1%
Code (Katagami DSL)
IndicatorKPIStrip(
  ytd: "7.3%",
  volatility: "14.2%",
  maxDrawdown: "-8.1%"
)
Props
NameTypeDefaultDescription
ytdStringYear-to-date return
volatilityStringAnnualised volatility
maxDrawdownStringMaximum drawdown
densityDensitycomfortablecomfortable | compact | dense
localeLocaleenen | fr
Used In