APPENDIX D

Annotations

Numbered, mono key, italic note, hairline between rows. Sits in the narrow column beside an archive entry.

HANDLE: annotations
LIVES IN: src/components/Editorial.jsx (Annotations)
USED ON: Print, Vector Art
PROPS: label · notes: [[key, note], …]

EXAMPLE

LIVE

As it renders.

PRODUCTION NOTES

01FormatTri-fold, 8.5 × 11
02Stock100# gloss text
03FinishSoft-touch laminate

CODE

COPY AND PASTE

How it is called.

JSX

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

<Annotations label="PRODUCTION NOTES" notes={entry.annotations} />
{/* notes: [[key, note], …] */}

RULES

What must stay true.

Numbered, mono key, italic note, hairline between rows. Sits in the narrow column beside an archive entry.

EXAMPLESANNOTATIONS

PRODUCTION NOTES

01FormatTri-fold, 8.5 × 11
02Stock100# gloss text
03FinishSoft-touch laminate

CODE

JSX

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

<Annotations label="PRODUCTION NOTES" notes={entry.annotations} />
{/* notes: [[key, note], …] */}