Skip to content

components/field-guide

KeycapProps = object & HTMLAttributes<HTMLElement>>

A visible keyboard key from a shortcut or instruction.

children: ReactNode


StatusLedTone = "spore" | "mycelium" | "fruiting"

Semantic accent pigments for the static status light.


StatusLedProps = object & Omit<HTMLAttributes<HTMLSpanElement>>, "children">>

Props accepted by StatusLed.

active: boolean

label: string

optional tone?: StatusLedTone


CartridgeLabelProps = object & HTMLAttributes<HTMLElement>>

Props accepted by CartridgeLabel.

title: string

optional subtitle?: string

optional mark?: ReactNode


SpecimenLabelProps = object & Omit<HTMLAttributes<HTMLElement>>, "title">>

Props accepted by SpecimenLabel.

plate: string

detail: string

kind: string

number: string

title: ReactNode

optional summary?: ReactNode

optional sketch?: boolean

Mark the plate number for a pencil circle and the detail for a pencil underline. The ruled CSS marks remain until enhance/sketch draws them.

Keycap(__namedParameters): Element

The shared field-guide treatment for a keyboard key.

KeycapProps

Element


StatusLed(__namedParameters): Element

A static, labelled indicator using the current field-guide pigment tokens.

StatusLedProps

Element


CartridgeLabel(__namedParameters): Element

A ruled, token-backed printed label for a physical game cartridge.

CartridgeLabelProps

Element


SpecimenLabel(__namedParameters): Element

A caption, catalogue line, title, and note for a specimen illustration.

SpecimenLabelProps

Element