Component library

Showing 1 component in the broadside deck with role compare.

  • <BroadsideCompare>

    broadsideComparePresentation

    Before/after compare; right panel uses accent wash.

    When to use: Today vs proposed.

    Preview

    Compare09

    Today

    five inboxes

    • /Manual forwards
    • /No audit trail

    After

    one intake

    • /Agent triage
    • /Full log
    PropTypeNotes
    chromeLeftstringOptional. Top chrome left.
    chromeRightstringOptional. Top chrome right.
    leftobjectRequired. { kicker?, title, body?, items? }.
    rightobjectRequired. { kicker?, title, body?, items? }.
    footLeftstringOptional. Footer left.
    footRightstringOptional. Footer right.

    Examples

    <BroadsideCompare chromeLeft="Compare" chromeRight="09" left={{ kicker: "Today", title: "five inboxes", items: ["Manual forwards", "No audit trail"] }} right={{ kicker: "After", title: "one intake", items: ["Agent triage", "Full log"] }} />