FinancialHighlights

IR "financial highlights" metrics summary grid. A metric with no `value` renders `pendingLabel` instead of an invented figure.

Data Display

Usage

import { FinancialHighlights } from "@zudo-sg/ui/src/landing/financial-highlights/financial-highlights";

<FinancialHighlights heading="Financial highlights" metrics={metrics} />

Default (values not yet published)

With values

Narrow (cell wrap)

Source

import { FinancialHighlights } from "@zudo-sg/ui/src/landing/financial-highlights/financial-highlights";

<FinancialHighlights heading="Financial highlights" metrics={metrics} />

Live CSS

Injected into the previews above. FinancialHighlights

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */