Skip to main content

Brace

brace(
start: coordinate,end: coordinate,..style: style,name: stringnone,
)

Draw a curly brace between two points.

cetz.decorations.brace((0,1),(2,1))

cetz.decorations.brace((0,0),(2,0),
  pointiness: 45deg, outer-pointiness: 45deg)
cetz.decorations.brace((0,-1),(2,-1),
  pointiness: 90deg, outer-pointiness: 90deg)

start:

coordinate
​

Start point

end:

coordinate
​

End point

name:

string or none
Default: none​

Element name used for querying anchors

..style:

style
​

Style key-value pairs

Styling​

Root: brace

amplitude:

number
Default: 0.5​

Sets the height of the brace, from its baseline to its middle tip.

pointiness:

ratio or angle
Default: 15deg​

How pointy the spike should be. 0deg or 100% for maximum pointiness, 90deg or 0% for minimum.

outer-pointiness:

ratio or angle
Default: 15deg​

How pointy the outer edges should be. 0deg or 100% for maximum pointiness (allowing for a smooth transition to a straight line), 90deg or 0% for minimum. Setting this to auto will use the value set for pointiness.

content-offset:

number
Default: 0.3​

Offset of the "content" anchor from the spike of the brace.

flip:

bool
Default: false​

Mirror the brace along the line between start and end.

Anchors​

  • start Where the brace starts, same as the start parameter.
  • end Where the brace end, same as the end parameter.
  • spike Point of the spike, halfway between start and end and shifted by amplitude towards the pointing direction.
  • content Point to place content/text at, in front of the spike.
  • center Center of the enclosing rectangle.