Base slide canvas with padding inside the deck; optional printed-page chrome band.

When to use: Wrap slide body when you do not need a named layout template. Add the chrome props for a masthead/footline treatment (section name top-left, slide tag top-right, deck name + page bottom).

<Slide>
  <TitleSlide label="Part 1" title="Agenda" />
</Slide>

<Slide eyebrow="Current state" eyebrowRight="03 / 12" footerLeft="Acme · Automation discovery" footerRight="Confidential">
  <BigStat label="Manual hours / week" value="142" />
</Slide>

Reveals children when the in-deck reveal step reaches fromStep (client).

When to use: Progressive disclosure inside one slide; advance with Space before the next slide.

<Reveal fromStep={0} tween={{ y: 16, opacity: 0, duration: 0.45, ease: "power2.out" }}>
  First point lands here.
</Reveal>

Animates each direct child in sequence on slide enter (client).

When to use: Bullet build without manual Reveal steps.

<Stagger tween={{ opacity: 0, y: 12, duration: 0.35, stagger: 0.08, ease: "power2.out" }}>
  <p>One</p>
  <p>Two</p>
</Stagger>

Discreet "Private and confidential" strip with optional meta line; fades in on slide enter (client).

When to use: Use as a footer or banner on every slide of a regulated or LP-facing deck. Keep the meta line short (fund name, meeting date).

<ConfidentialStrip text="Private and confidential" meta="Acme Fund III · 14 May 2026" />

Sponsor + company logo lockup with separator; halves slide in from the sides on slide enter (client).

When to use: Use on IC deal title slides to anchor the sponsor and target. Pass remote URLs (https) for both logos.

Preview

x

<LogoLockup sponsorSrc="https://example.com/sponsor.png" sponsorAlt="Sponsor" companySrc="https://example.com/target.png" companyAlt="Target" />

Layout wrapper for expressive slide content. Does not set the deck canvas colour.

When to use: Wrap hero, chart, or closing layouts when you need a centred full-height content slot. Set the deck canvas via presentationTheme.background (light|white|dark|brand|vivid) on create_report / update_report, or inherit /theming defaultDeckBackground.

<Slide>
  <DecoratedSlide>
    <HeroCoverSlide label="FY26 planning" title="Quarterly business review" subtitle="Three priorities for the next quarter." badges={["45 min", "Board ready"]} />
  </DecoratedSlide>
</Slide>

Small uppercase eyebrow pill for section labels above slide headlines.

When to use: Tag the topic of a slide (e.g. "Executive summary", "Pricing", "Roadmap"). Use inside chart, grid, and narrative slide layouts that accept a label prop.

<AccentEyebrow accent="cyan">Core Systems</AccentEyebrow>

Chrome + foot wrapper around arbitrary children.

When to use: When composing custom Broadside content with shared hairline chrome.

<BroadsideFrame chromeLeft="Notes" chromeRight="11"><p>Custom body</p></BroadsideFrame>