Component library

Showing 2 components in the core deck with role split.

  • <SplitSlide>

    coreSplitPresentation

    Two-column layout for text plus visual or bullets plus callout.

    When to use: Compare two blocks or pair narrative with a stat.

    Preview

    • Five inboxes per invoice
    • No single queue of record

    Manual touches

    5

    per supplier invoice

    PropTypeNotes
    leftReactNodeRequired. Left column content.
    rightReactNodeRequired. Right column content.
    reversebooleanOptional. Default: false. Swap columns on wide screens.

    Examples

    <SplitSlide
  left={<BulletList items={["Five inboxes per invoice", "No single queue of record"]} />}
  right={<BigStat label="Manual touches" value="5" hint="per supplier invoice" />}
/>

  • <MediaSlide>

    coreMediaSplitPresentation

    Title plus optional image area (use src + alt for static images).

    When to use: Screenshot or diagram slide.

    Preview

    Current intake

    Process diagram
    PropTypeNotes
    titlestringRequired. Slide title.
    srcstringOptional. Image URL (https recommended).
    altstringOptional. Image alt text.
    childrenReactNodeOptional. Optional body under the title.

    Examples

    <MediaSlide title="Current intake" src="https://example.com/diagram.png" alt="Process diagram" />