APPENDIX D

Folio

Encodes the book structure. Chapters are numbers, back matter letters.

HANDLE: folio
LIVES IN: src/components/Layout.jsx (Folio, folioFor)
USED ON: Bottom-left of every page
PROPS: CONTENTS · 01–06 / 06 · A B C D · em dash

EXAMPLE

LIVE

As it renders.

CODE

COPY AND PASTE

How it is called.

JSX

import { Folio } from '../components/Layout.jsx'

<Folio pathname="/work/xactflex" />   {/* reads 02 / 06 */}
<Folio pathname="/about" />           {/* reads A */}

RULES

What must stay true.

Encodes the book structure. Chapters are numbers, back matter letters.

EXAMPLESFOLIO

CODE

JSX

import { Folio } from '../components/Layout.jsx'

<Folio pathname="/work/xactflex" />   {/* reads 02 / 06 */}
<Folio pathname="/about" />           {/* reads A */}