box

boxNode

A thing in the diagram's arrangement. Its text is its body, rich inline — maths, bold and live {{…}} values all work — kept line by line: the first line is the label, every further line a smaller muted line beneath it. Text longer than the widest box wraps. shape: is the implicit attribute and 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

shapeImplicit

boxdecisionterminalellipse

box | decision | terminal | ellipse. The diamond and the pill are the flowchart conventions a reader already knows.Can be written as shorthand: box:value

Defaultbox

atAnimatable

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.

colourAnimatable

neutralredorangeyellowgreentealbluepurplepinkgreywhiteblack

Also written: colorThe box fills with the hue's own tint and strokes deeper; unset, it sits quietly on the environment's ground.

hiddenAnimatable

boolean

Declared but not drawn — the box keeps its place in the arrangement, so a later reveal moves nothing. Animatable.

Defaultfalse

#Allowed content

Body { }The box's text, rich inline; one source line per line of the box — the first is the label, the rest sit smaller beneath it

#Allowed in

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

#Examples

box#pcr{
    PCR amplify
    30 cycles
}

box#check:decision{Enough DNA?}(colour: orange)

box#legend{Key}(at: 0.85, 0.1)