Component library

Showing 1 component in the broadside deck with role timeline.

  • <BroadsideFlow>

    broadsideTimelinePresentation

    Horizontal numbered process steps.

    When to use: Method / how-it-works.

    Preview

    how it works

    01

    Discover

    Talk to users.

    02

    Define

    One hypothesis.

    PropTypeNotes
    chromeLeftstringOptional. Top chrome left.
    chromeRightstringOptional. Top chrome right.
    titlestringOptional. Headline.
    stepsarrayRequired. [{ number, title, description? }].
    footLeftstringOptional. Footer left.
    footRightstringOptional. Footer right.

    Examples

    <BroadsideFlow title="how it works" steps={[{ number: "01", title: "Discover", description: "Talk to users." }, { number: "02", title: "Define", description: "One hypothesis." }]} />