Skip to content
Site volume
Colourway

Comic kit

Editor's note

A recap or a footnote with links, in comic grammar, lettered in Schibsted because it carries links.

  • Beta
  • Reading layer
  • Server component
  • Since 0.1.0
  • Press check
Import from@maxgrits/overprint-react/comic
On this page

Comics cross-link with a recap caption ("Previously:") and an editor's footnote. Both carry links and destinations, so they are lettered in Schibsted sentence case, the literal zone of the voice rules.

Example#

Look of this example

*Prices are on the pricing page. -M.

Live render of examples/editors-note/basic.tsx

Usage#

Use an editor's note for the aside a comic editor would add: a pointer to another page, a correction, "Previously:". It carries links, so it is set in the text face, in sentence case (the literal zone).

  • Kinds. note (default) or previously, which prefixes "Previously:".
  • Mark and signature. mark (* or †) ties it to a starred line; signature signs it ("-M.").

Layer and volume#

A plate in a caption frame at 2.5 px, identical at every volume.

Anatomy#

*Prices are on the pricing page. -M.

The parts of examples/editors-note/basic.tsx, numbered:
  1. MarkTies the note to a starred line..mk-editors-note-mark
  2. NoteCaption frame, Schibsted 16 px..mk-editors-note
  3. SignatureWho added it..mk-editors-note-signature

Volume#

Content#

  • One or two sentences with a link that names its destination.

Do and don't#

Do

*Prices are on the pricing page. -M.

The link names the page.

Don't

*See here.

A link called here.

An editor's note is a signpost. The link text should say where it goes.

Accessibility#

  • Links keep the system focus ring.
  • No jokes in place of a destination: the words say where the link goes.

Props#

PropTypeDefaultDescription
kind"note" | "previously"none
mark"*" | "†"noneA footnote mark before the words.
signaturestringnoneA short sign-off ("-M.").
placeAreanone
children requiredReactNodenoneMay hold links.

Plus 279 React and DOM attributes passed through to the root element (className, ref, aria-*, event handlers and the rest). Generated from EditorsNoteProps in packages/overprint-react/src/comic/editors-note.tsx.

Tokens#

System tokens (13)

Its own properties (4)

  • --mk-cx-line-ink
  • --mk-editors-note-bg
  • --mk-editors-note-fg
  • --mk-editors-note-rule

Scanned from its CSS at build and checked against its registry entry; 9 read but not declared there.

Changelog#

Arrived in 0.1.0.

0.1.024 October 2026

  • MinorreactThe print and comic kits, P0 (21 P2-T11 to P2-T15): the art core (seeded halftone, bursts, balloons, lines, krackle, printer's marks, SFX layers, the texture tiles and gen-print-tiles), the print kit (Halftone, Overprint, PrinterMarks, Sticker, Stamp, Seal, useStampLand, Tape, Grain, Misregistration and the .mk-ov second ink, GiantGlyph, ShapeGlyph), the data Cover (grid and score, coverAlt, CoverLegend), the comic registers and kit (Panel, PanelGrid, Balloon, Caption, CornerBox, EditorsNote, ContinuedIn, SFX, SfxBurst, SpeedLines, FocusLines, ImpactStar, KeyPop).