cue.highlight

cue.highlightNode

Draws attention to what it wraps: rings push out of the mark's own edge and fade as they grow, twice, in the mark's own colour — the same gesture the interface uses to ring a focused field. Presence is untouched, so it can sit inside a cue or a cue.draw and ring content that cue has already brought in.

#Attributes

atImplicit

cue-anchor

When the rings start: a step index (1), a time (1.5s), or a step with an offset (1 + 500ms).Can be written as shorthand: cue.highlight:value

Default0

duration

How long one ring takes. Two of them go, the second setting off while the first is still on its way out.

Default1500ms

colour

neutralredorangeyellowgreentealbluepurplepinkgreywhiteblack

Also written: colorThe rings' colour. Left out, they take the colour of whatever is being highlighted.

easing

linearsmooth

Shape of the rise and fall: smooth or linear.

Defaultsmooth

#Allowed content

#Allowed in

canvas.graph { }cue { }cue.draw { }canvas.code { }canvas.diagram { }

#Examples

cue.highlight{
    point(x: 4; y: 4; colour: teal)
}(
    at: 2
)

cue.highlight{
    curve(expression: x^2)
}(
    at: 1
    duration: 2s
    colour: orange
)