Documentation

squareElement
Question mark

A square with optional content.

Example

// Without content.
#square(size: 40pt)

// With content.
#square[
  Automatically \
  sized to fit.
]
Preview

Parameters
Question mark

size
auto or length
Settable
Question mark

The square's side length. This is mutually exclusive with width and height.

Default: auto

width
auto or relative
Settable
Question mark

The square's width. This is mutually exclusive with size and height.

In contrast to size, this can be relative to the parent container's width.

Default: auto

height
auto or relative or fraction
Settable
Question mark

The square's height. This is mutually exclusive with size and width.

In contrast to size, this can be relative to the parent container's height.

Default: auto

fill
none or color or gradient or pattern
Settable
Question mark

How to fill the square. See the rectangle's documentation for more details.

Default: none

stroke
none or auto or length or color or gradient or stroke or pattern or dictionary
Settable
Question mark

How to stroke the square. See the rectangle's documentation for more details.

Default: auto

radius
relative or dictionary
Settable
Question mark

How much to round the square's corners. See the rectangle's documentation for more details.

Default: (:)

inset
relative or dictionary
Settable
Question mark

How much to pad the square's content. See the box's documentation for more details.

Default: 0% + 5pt

outset
relative or dictionary
Settable
Question mark

How much to expand the square's size without affecting the layout. See the box's documentation for more details.

Default: (:)

body
none or content
Positional
Question mark
Settable
Question mark

The content to place into the square. The square expands to fit this content, keeping the 1-1 aspect ratio.

When this is omitted, the square takes on a default size of at most 30pt.

Default: none