Box

boxNode

A thing in the diagram's arrangement. label: is the implicit attribute and is rich inline — maths, bold and !value all work — with sub: a second, smaller muted line beneath it. shape: carries the flowchart conventions: box (the default rounded rectangle), decision (the diamond), terminal (the pill), ellipse. With no at: the environment places it, layered along flow: by what its arrows connect; with at: it sits out of the arrangement at that fraction of the frame.

#Attributes

labelImplicit
string
The box's text, rich inline.Can be written as shorthand: box:value
sub
string
A second, smaller muted line beneath the label.
shape
box | decision | terminal | ellipse. The diamond and the pill are the flowchart conventions a reader already knows.
Defaultbox
at
diagram-point
Out of the arrangement: the box's centre as fractions of the frame, top-left origin, y down. Boxes without it are placed by the environment.
colour
neutralredorangeyellowgreentealbluepurplepinkgreywhiteblack
Also written: colorThe box fills with the hue's own tint and strokes deeper; unset, it sits quietly on the pane's ground.
hidden
boolean
Declared but not drawn — the box keeps its place in the arrangement, so a later reveal moves nothing. Animatable.
Defaultfalse

#Allowed in

cue { }cue.draw { }cue.highlight { }cue.spotlight { }canvas.diagram { }

#Examples

box#pcr(label: PCR amplify; sub: 30 cycles)
box#check(label: Enough DNA?; shape: decision; colour: orange)
box#legend(at: 0.85, 0.1; label: Key)