CustomerStory

Marketing · src/components/CustomerStory/CustomerStory.tsx

A customer result: who, the number, and what it is measured over.

The figure carries the story, not the quote. That cap - one quote per page - is load-bearing rather than stylistic: an employer often will not consent to being named, and a candidate's words are personal data about the person the system made a decision about. A page built on quotes needs consent this product cannot assume.

period is separate from the figure so a result cannot be stated without saying over what.

Import

import { CustomerStory } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

Prop	Type	Notes
customer	React.ReactNode
sector	React.ReactNode
logo	React.ReactNode
figure	React.ReactNode	The number the story is about.
figureLabel	React.ReactNode
period	React.ReactNode	What the figure is measured over.
quote	React.ReactNode	A Quote. At most one per page.
href	string
moreLabel	React.ReactNode
className	string
children	React.ReactNode