components/technonomicon
Type Aliases
Section titled “Type Aliases”PlateProps
Section titled “PlateProps”PlateProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by Plate.
Type Declaration
Section titled “Type Declaration”caption
Section titled “caption”caption:
ReactNode
image:
ReactNode
label:
string
StagePlateProps
Section titled “StagePlateProps”StagePlateProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by StagePlate.
Type Declaration
Section titled “Type Declaration”caption
Section titled “caption”caption:
ReactNode
children
Section titled “children”children:
ReactNode
The live drawing: an element with the caps-stage-plate-viewport class.
optionalhint?:ReactNode
How to handle the drawing, shown under the caption.
hintId?
Section titled “hintId?”
optionalhintId?:string
Id for the hint, so the drawing can name it with aria-describedby.
label:
string
specimenKey?
Section titled “specimenKey?”
optionalspecimenKey?:ReactNode
A numbered key to what the drawing shows.
CompactPlateProps
Section titled “CompactPlateProps”CompactPlateProps =
Omit<PlateProps,"className">>
Props accepted by CompactPlate.
MarginNoteProps
Section titled “MarginNoteProps”MarginNoteProps =
object&HTMLAttributes<HTMLSpanElement>>
Props accepted by MarginNote.
Type Declaration
Section titled “Type Declaration”children
Section titled “children”children:
ReactNode
CalloutKind
Section titled “CalloutKind”CalloutKind =
"lesson"|"status"|"plan"|"warning"
Supported editorial callout kinds.
CalloutProps
Section titled “CalloutProps”CalloutProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by Callout.
Type Declaration
Section titled “Type Declaration”kind:
CalloutKind
title?
Section titled “title?”
optionaltitle?:ReactNode
children
Section titled “children”children:
ReactNode
GrowthStage
Section titled “GrowthStage”GrowthStage =
"spore"|"mycelium"|"fruiting"
Supported lifecycle stages.
GrowthBadgeProps
Section titled “GrowthBadgeProps”GrowthBadgeProps =
object&HTMLAttributes<HTMLSpanElement>>
Props accepted by GrowthBadge.
Type Declaration
Section titled “Type Declaration”stage:
GrowthStage
IssueMastheadProps
Section titled “IssueMastheadProps”IssueMastheadProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by IssueMasthead.
Type Declaration
Section titled “Type Declaration”date:
string
dek:
ReactNode
number
Section titled “number”number:
string
publication
Section titled “publication”publication:
string
The publication the Issue belongs to, printed in the kicker.
title:
string
MastheadSize
Section titled “MastheadSize”MastheadSize =
"front"|"running"
A newspaper nameplate: the front page’s large head or a running head.
MastheadProps
Section titled “MastheadProps”MastheadProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by Masthead.
Type Declaration
Section titled “Type Declaration”wordmark
Section titled “wordmark”wordmark:
string
The publication name, set large in the nameplate face.
href:
string
Where the nameplate links, normally the front page.
optionalmark?:ReactNode
A small printed mark beside the wordmark, such as a logo drawing.
tagline?
Section titled “tagline?”
optionaltagline?:ReactNode
One line under the wordmark in the publication’s voice.
edition?
Section titled “edition?”
optionaledition?: readonlyReactNode[]
The ruled edition line: date, issue, editor and similar items.
startEar?
Section titled “startEar?”
optionalstartEar?:ReactNode
The left ear box beside the nameplate, such as a weather note.
endEar?
Section titled “endEar?”
optionalendEar?:ReactNode
The right ear box beside the nameplate, such as the editor’s portrait.
sections?
Section titled “sections?”
optionalsections?:ReactNode
The section bar under the edition line, normally a SectionBar.
optionalsize?:MastheadSize
SectionLink
Section titled “SectionLink”SectionLink =
object
One section of a publication.
Properties
Section titled “Properties”href:
string
label:
string
marker?
Section titled “marker?”
optionalmarker?:string
Printed before the label, such as a section letter.
current?
Section titled “current?”
optionalcurrent?:boolean
shortcut?
Section titled “shortcut?”
optionalshortcut?:string
A keyboard shortcut announced through aria-keyshortcuts.
SectionBarProps
Section titled “SectionBarProps”SectionBarProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by SectionBar.
Type Declaration
Section titled “Type Declaration”sections
Section titled “sections”sections: readonly
SectionLink[]
tools?
Section titled “tools?”
optionaltools?:ReactNode
Controls set at the end of the bar, such as theme and help buttons.
FolioProps
Section titled “FolioProps”FolioProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by Folio.
Type Declaration
Section titled “Type Declaration”items: readonly
ReactNode[]
Running items, such as the publication, page number and date.
SpreadLayout
Section titled “SpreadLayout”SpreadLayout =
"lead"|"columns"|"grid"
Supported editorial spread arrangements.
SpreadProps
Section titled “SpreadProps”SpreadProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by Spread.
Type Declaration
Section titled “Type Declaration”layout
Section titled “layout”layout:
SpreadLayout
children
Section titled “children”children:
ReactNode
CardStat
Section titled “CardStat”CardStat =
object
One supplied card measurement and its provenance. null means not measured.
Properties
Section titled “Properties”key:
string
label:
string
value:
string|number|null
optionalunit?:string
source
Section titled “source”source:
string
asOf:
string
CigaretteCardFinish
Section titled “CigaretteCardFinish”CigaretteCardFinish =
"standard"|"full-art"
Print finish: the rarer full-art card lets the drawing run under the text.
CigaretteCardProps
Section titled “CigaretteCardProps”CigaretteCardProps =
object
Props accepted by CigaretteCard.
Properties
Section titled “Properties”number
Section titled “number”number:
number
seriesNumeral
Section titled “seriesNumeral”seriesNumeral:
string
The series numeral printed on both faces and in the series mark, such as “I”.
series
Section titled “series”series:
string
title:
string
typeLine?
Section titled “typeLine?”
optionaltypeLine?:string
The type line beside the title, such as “Machine of the Burrow”.
image:
ReactNode
stats: readonly
CardStat[]
note:
string
finish?
Section titled “finish?”
optionalfinish?:CigaretteCardFinish
setMark?
Section titled “setMark?”
optionalsetMark?:ReactNode
A small set symbol printed in the collector line.
defaultFlipped?
Section titled “defaultFlipped?”
optionaldefaultFlipped?:boolean
optionalhref?:string
Makes the card a preview: a link to the card’s own page showing its face, instead of a pressed button that turns over in place.
optionalsize?:"standard"|"large"
“large” prints the card bigger, for its own page.
className?
Section titled “className?”
optionalclassName?:string
style?
Section titled “style?”
optionalstyle?:CSSProperties
Inline style on the card, such as a shared view-transition name.
AlbumSlot
Section titled “AlbumSlot”AlbumSlot =
object
One numbered album position, optionally occupied by a card.
Properties
Section titled “Properties”number
Section titled “number”number:
number
optionalcard?:CigaretteCardProps
CardAlbumProps
Section titled “CardAlbumProps”CardAlbumProps =
object&HTMLAttributes<HTMLElement>>
Props accepted by CardAlbum.
Type Declaration
Section titled “Type Declaration”title:
string
slots: readonly
AlbumSlot[]
Functions
Section titled “Functions”Plate()
Section titled “Plate()”Plate(
__namedParameters):Element
A labelled graphite illustration plate.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
StagePlate()
Section titled “StagePlate()”StagePlate(
__namedParameters):Element
A plate whose illustration is a live pixel-art stage rather than an image. Its
drawing reads --specimen-ink, --specimen-paper and --specimen-accent,
which follow the theme.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
CompactPlate()
Section titled “CompactPlate()”CompactPlate(
props):Element
A compact plate for editorial teasers.
Parameters
Section titled “Parameters”Returns
Section titled “Returns”Element
MarginNote()
Section titled “MarginNote()”MarginNote(
__namedParameters):Element
An inline note styled for the page margin.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
Callout()
Section titled “Callout()”Callout(
__namedParameters):Element
A labelled editorial aside.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
GrowthBadge()
Section titled “GrowthBadge()”GrowthBadge(
__namedParameters):Element
An outlined Badge in the selected growth-stage color.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
IssueMasthead()
Section titled “IssueMasthead()”IssueMasthead(
__namedParameters):Element
The title, number, date, and dek for an Issue.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
Masthead()
Section titled “Masthead()”Masthead(
__namedParameters):Element
A print masthead. Ears flank the nameplate on wide pages and sit under it on phones; the edition line runs between a thin and a heavy rule.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
SectionBar()
Section titled “SectionBar()”SectionBar(
__namedParameters):Element
A newspaper section bar: small capitals between hairline rules, the current section printed in reverse. It scrolls sideways on narrow pages instead of wrapping. Name it with aria-label.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
Folio()
Section titled “Folio()”Folio(
__namedParameters):Element
A running foot: the page’s folio line between rules.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
Spread()
Section titled “Spread()”Spread(
__namedParameters):Element
A responsive editorial region with an explicit layout.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
CigaretteCard()
Section titled “CigaretteCard()”CigaretteCard(
__namedParameters):Element
A two-sided collector card: a framed front with an inset drawing, a stat plate
and a flavor line, and a ruled measurement ledger on the back. Both faces live
inside one native pressed button, so the reverse stays in the DOM; the visible
face names the button. Hydrated hosts flip through React state. Static hosts
load the Caps enhance/cigarette-card module, which ignores clicks this
component already handled. With href the card is a preview instead: a link to
the card’s own page that shows only its face.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element
CardAlbum()
Section titled “CardAlbum()”CardAlbum(
__namedParameters):Element
A numbered checklist of supplied cards and ruled spaces for missing ones.
Parameters
Section titled “Parameters”__namedParameters
Section titled “__namedParameters”Returns
Section titled “Returns”Element