Organism

StrategySegment

One investment segment: StrategySegmentTitle + DataTable of segment holdings. Six StrategySegments compose the StrategyGrids surface. Emits div.ks-vstack.

Knobs

Density

Locale

Live Preview

Large Caps

Company

Sector

Weight

Gain

LVMH

Luxury

22.5%

12.3%

Apple

Technology

28.1%

18.7%

Roche

Healthcare

18.4%

-2.1%

Code (Katagami DSL)

StrategySegment(
  title: "Large Caps",
  table: DataTable(
    columns: ["Company", "Sector", "Weight", "Gain"],
    rows: segment.holdings.map { $0.row }
  )
)

Props

Name	Type	Default	Description
title	String		Segment display name
table	DataTable		Segment holdings table
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In

StrategyGrids