Component library

Showing 1 component in the broadside deck with role stats.

  • <BroadsideStats>

    broadsideStatsPresentation

    Three top-bordered stat cards with accent numerals.

    When to use: KPI strip in editorial voice.

    Preview

    Numbers05

    87%

    Retention

    YoY

    12

    Markets

    4.2×

    Pipeline

    PropTypeNotes
    chromeLeftstringOptional. Top chrome left.
    chromeRightstringOptional. Top chrome right.
    titlestringOptional. Optional headline.
    statsarrayRequired. [{ value, label, note? }].
    footLeftstringOptional. Footer left.
    footRightstringOptional. Footer right.

    Examples

    <BroadsideStats chromeLeft="Numbers" chromeRight="05" stats={[{ value: "87%", label: "Retention", note: "YoY" }, { value: "12", label: "Markets" }, { value: "4.2×", label: "Pipeline" }]} />