Components / content

PullQuote

Display-Type Quotation, 2px Amber Rule

01 Preview

02 Usage

Large display-type quotation for articles and the about page.

<PullQuote cite="Reviewer 2" source="CHI 2025">
  The tooling makes the invisible legible.
</PullQuote>

Set in Space Mono at 24px. One per section - it's a beat, not a container.

03 Props

PropTypeDefaultNotes
children* React.ReactNode — —
cite React.ReactNode — Attribution name, rendered after an em dash.
source React.ReactNode — Secondary source (publication, role, date).

Also accepts every attribute of React.HTMLAttributes<HTMLQuoteElement> — they are spread onto the root element. className is merged, not replaced, and ref is forwarded.

04 Import

import { PullQuote } from '@denizarsan/darsan.design';
import '@denizarsan/darsan.design/styles.css';