Component library

Showing 3 components with role quote.

  • <QuoteSlide>

    coreQuotePresentation

    Large pull quote with attribution and a decorative oversized quotation mark.

    When to use: Stakeholder voice on a dedicated slide.

    Preview

    We approve the same five steps five hundred times a month.
    Head of Finance · Finance
    PropTypeNotes
    childrenReactNodeRequired. Quoted text.
    attributionstringOptional. Name.
    rolestringOptional. Role or department.
    markbooleanOptional. Default: true. Show the large accent-tinted quotation glyph above the quote.

    Examples

    <QuoteSlide attribution="Head of Finance" role="Finance">
  We approve the same five steps five hundred times a month.
</QuoteSlide>

  • <FeaturedQuoteSlide>

    expressiveQuotePresentation

    Centred featured quote with decorative mark and attribution line.

    When to use: Customer testimonial, sponsor quote, or manifesto moment mid-deck. Use QuoteSlide for simpler editorial quotes.

    Preview

    The first automation went live in two weeks. Finance finally trusts the numbers.
    — Maria Fernandes, CFO, Acme Corp
    PropTypeNotes
    childrenReactNodeRequired. Quote body text.
    attributionstringOptional. Attribution line under the quote.
    labelstringOptional. Optional eyebrow above the quote.

    Examples

    <FeaturedQuoteSlide attribution="Maria Fernandes, CFO, Acme Corp">
  The first automation went live in two weeks. Finance finally trusts the numbers.
</FeaturedQuoteSlide>

  • <BroadsideQuote>

    broadsideQuotePresentation

    Oversized pull-quote with accent quotation mark.

    When to use: Interview or manifesto quote.

    Preview

    the room is the message.

    Design lead · 2026

    PropTypeNotes
    quotestringRequired. Quote body (lowercase preferred).
    attributionstringOptional. Mono attribution.

    Examples

    <BroadsideQuote quote="the room is the message." attribution="Design lead · 2026" />