Skip to content
Site volume
Colourway

Comic kit

Continued in

The comic's "to be continued" link to the next page, or back to the previous one.

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

A link plate in comic grammar: "Continued in The work" with an arrow, on the caption wash.

Example#

Look of this example
Live render of examples/continued-in/basic.tsx

Usage#

Use a continued-in plate at the end of a comic section to send readers to the next one, like a comic's "Continued in issue 2". It is a link plate with an arrow, 44 px tall on phones.

  • Props. href, to (the destination's name) and direction (next, "Continued in", or previous, "Previously in").
  • Its name is the visible text: "Continued in The work".

Layer and volume#

A control on the reading layer, identical at every volume. Hover lifts it 1 px (transform only, no reflow).

Anatomy#

The parts of examples/continued-in/basic.tsx, numbered:
  1. PlateA link: 3 px rule, the caption wash..mk-continued-in
  2. ArrowHidden from assistive tech..mk-continued-in-arrow

Volume#

Content#

  • to is the real page name: "The work", "Pricing".

Do and don't#

Do

Names the destination.

Don't

A teaser with no destination.

The plate is a link, so its words are in the literal zone. Readers should know where they are going before they press.

Accessibility#

  • The accessible name is the visible text.
  • At least 44 px tall under 640 px and on coarse pointers; the system focus ring.

Props#

PropTypeDefaultDescription
href requiredstringnone
to requiredstringnoneThe destination's name ("The work").
direction"next" | "previous"none

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

Tokens#

System tokens (13)

Its own properties (3)

  • --mk-continued-in-pad-x
  • --mk-continued-in-pad-y
  • --mk-cx-line-ink

Scanned from its CSS at build and checked against its registry entry; 7 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).