Documentation

rotateElement
Question mark

Rotates content without affecting layout.

Rotates an element by a given angle. The layout will act as if the element was not rotated unless you specify reflow: true.

Example

#stack(
  dir: ltr,
  spacing: 1fr,
  ..range(16)
    .map(i => rotate(24deg * i)[X]),
)
Preview

Parameters
Question mark

angle
angle
Positional
Question mark
Settable
Question mark

The amount of rotation.

Default: 0deg

View example
#rotate(-1.571rad)[Space!]
Preview

origin
alignment
Settable
Question mark

The origin of the rotation.

If, for instance, you wanted the bottom left corner of the rotated element to stay aligned with the baseline, you would set it to bottom + left instead.

Default: center + horizon

View example
#set text(spacing: 8pt)
#let square = square.with(width: 8pt)

#box(square())
#box(rotate(30deg, origin: center, square()))
#box(rotate(30deg, origin: top + left, square()))
#box(rotate(30deg, origin: bottom + right, square()))
Preview

reflow
bool
Settable
Question mark

Whether the rotation impacts the layout.

If set to false, the rotated content will retain the bounding box of the original content. If set to true, the bounding box will take the rotation of the content into account and adjust the layout accordingly.

Default: false

View example
Hello #rotate(90deg, reflow: true)[World]!
Preview

body
content
RequiredPositional
Question mark

The content to rotate.