APPENDIX D

Pull Quote

First quote accent, second dark. The closing period is always accent.

HANDLE: pull-quote
LIVES IN: src/components/Editorial.jsx (PullQuote)
USED ON: Twice per chapter
PROPS: text · attribution · tone (accent | dark)

EXAMPLE

LIVE

As it renders.

CODE

COPY AND PASTE

How it is called.

JSX

import { PullQuote } from '../components/Editorial.jsx'

<PullQuote text={cs.pullQuote} tone="accent" />                          {/* first in a chapter */}
<PullQuote text={cs.pullQuoteB} attribution="STILL FROM THE DECISIONS" /> {/* second: dark */}

RULES

What must stay true.

First quote accent, second dark. The closing period is always accent.

EXAMPLESPULL QUOTE

CODE

JSX

import { PullQuote } from '../components/Editorial.jsx'

<PullQuote text={cs.pullQuote} tone="accent" />                          {/* first in a chapter */}
<PullQuote text={cs.pullQuoteB} attribution="STILL FROM THE DECISIONS" /> {/* second: dark */}