Component library

Showing 1 component in the broadside deck with role chart.

  • <BroadsideChart>

    broadsideChartPresentation

    Vertical bar chart with optional accent bar.

    When to use: Simple comparative bars.

    Preview

    share of voice

    Us
    A
    B
    PropTypeNotes
    chromeLeftstringOptional. Top chrome left.
    chromeRightstringOptional. Top chrome right.
    titlestringOptional. Headline.
    itemsarrayRequired. [{ label, value 0–100, accent? }].
    footLeftstringOptional. Footer left.
    footRightstringOptional. Footer right.

    Examples

    <BroadsideChart title="share of voice" items={[{ label: "Us", value: 72, accent: true }, { label: "A", value: 48 }, { label: "B", value: 35 }]} />