Deck

Quote slide

A fieldwork voice at display-md on sand, attributed by role and place beneath: evidence from the ground, not authorship. Never a name; never the deck's own claim.

Install

npx shadcn@latest add @alix/quoteSlide

Preview

We prepare three versions of the same number before every committee.

Group financial controller · European industrial group

Usage

import { QuoteSlide } from "@/components/deck/quoteSlide";

<QuoteSlide
  text="We prepare three versions of the same number before every committee."
  role="Group financial controller"
  place="European industrial group"
/>

Examples

Role only

Place is optional. The role alone attributes the voice when the site would identify it.

Nobody owns the floor price, so the counter gives it away.

Regional sales lead

<QuoteSlide
  text="Nobody owns the floor price, so the counter gives it away."
  role="Regional sales lead"
/>

On the brand surface

The quote can move onto navy when a section runs dark; ink flips to white.

The plan doesn't need new products. It needs us to hold the line.

Operations director · Northwind Industries

<QuoteSlide
  text="The plan doesn't need new products. It needs us to hold the line."
  role="Operations director"
  place="Northwind Industries"
  surface="primary"
/>

When to use it

Use it for

One voice from the fieldwork, alone: evidence that grounds a finding.
Attribution by role and place, never a person's name.
At most two per deck.

Reach for something else

The deck's own claim or reframe. Use StatementSlide.
Naming the speaker or the real company: the voice is anonymised evidence.
A statistic that needs arguing. Use WaterfallSlide or KeyPointsSlide.

Props

Prop	Type	Default	Description
text	string	–	The quoted line. Set at display-md, so keep it to what fits the field.
role	string	–	The speaker's role: the attribution's first part, required.
place	string	–	Optional site or context; joined to the role as "role · place" beneath the quote.
surface	VISurface	–	Override the sand default with the brand vocabulary; ink derives from it.
meta	string[]	–	Deck chrome for the footer meta row.