Arrow

arrowNode

A relation between two named things: arrow(from: #dna; to: #rna; label: transcription). The endpoints are #ids of boxes or pins in the same environment — an id neither declares is a compile error — and the environment routes the path: forward with the flow as an easing curve, sideways between neighbours, backward as a bow out past the boxes' flank. cue.draw strokes it in along its own length. A dashed: arrow fades under cue.draw instead — a dash pattern and the draw reveal cannot share one stroke.

#Attributes

fromRequiredImplicit

diagram-ref

#id of the box or pin the arrow leaves.Can be written as shorthand: arrow:value

toRequired

diagram-ref

#id of the box or pin the arrow enters.

label

string

Rich inline text set at the path's midpoint.

colour

neutralredorangeyellowgreentealbluepurplepinkgreywhiteblack

Also written: colorThe stroke's hue; unset, a neutral grey.

dashed

boolean

A dashed stroke — the conventional weaker or conditional relation.

Defaultfalse

hidden

boolean

Declared but not drawn. Animatable.

Defaultfalse

#Allowed in

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

#Examples

arrow(from: #dna; to: #rna; label: transcription)

cue.draw{
    arrow(from: #check; to: #pcr; label: no)
}(in: 2)