Component library

Showing 2 components in the broadside deck with role list.

  • <BroadsideFadeList>

    broadsideListStatementPresentation

    Stacked display words at fading opacities (max 3).

    When to use: Before / during / after or staged narrative.

    Preview

    06

    • before
    • during
    • after
    PropTypeNotes
    numberstringOptional. Catalogue number.
    titlestringOptional. Optional side title.
    itemsstring[]Required. Up to three words/phrases.

    Examples

    <BroadsideFadeList number="06" items={["before", "during", "after"]} />

  • <BroadsideList>

    broadsideListPresentation

    Slash-marked bullet list capped at three items.

    When to use: Short takeaways in Broadside voice.

    Preview

    Rules07

    three rules only

    • Type is the image
    • One accent colour
    • No shadows
    PropTypeNotes
    chromeLeftstringOptional. Top chrome left.
    chromeRightstringOptional. Top chrome right.
    titlestringOptional. Headline.
    itemsstring[]Required. Up to three bullets.
    footLeftstringOptional. Footer left.
    footRightstringOptional. Footer right.

    Examples

    <BroadsideList chromeLeft="Rules" chromeRight="07" title="three rules only" items={["Type is the image", "One accent colour", "No shadows"]} />