LayoutOptions

The configuration options for the Layout element.

alignContent? "start" | "center" | "end" (default: "start")

Specifies the alignment of the content.

The supported values are:

  • "start"—Aligns the content to the rectangle origin.
  • "center"—Aligns the content to the rectangle center.
  • "end"—Aligns the content to the rectangle end.

alignItems? "start" | "center" | "end" (default: "start")

Specifies the alignment of the items based on the largest one.

The supported values are:

  • "start"—Aligns the items to the start of the largest element.
  • "center"—Aligns the items to the center of the largest element.
  • "end"—Aligns the items to the end of the largest element.

justifyContent? "start" | "center" | "end" (default: "start")

Specifies the way the content has to be justified.

The supported values are:

  • "start"—Aligns the items to the rectangle origin.
  • "center"—Aligns the items to the rectangle center.
  • "end"—Aligns the items to the rectangle end.

lineSpacing? number (default: 0)

Specifies the distance between the lines for wrapped layout.

name? string

The optional name for this element.

orientation? "horizontal" | "vertical" (default: "horizontal")

Specifies the layout orientation.

The supported values are:

  • "horizontal"—The elements are arranged horizontally.
  • "vertical"&mdas;The elements are arranged vertically.

spacing? number (default: 0)

Specifies the distance between the elements.

wrap? boolean (default: true)

Specifies the behavior when the elements size exceeds the rectangle size. If set to true, the elements are moved to the next "line". If set to false, the layout is scaled so that the elements fit in the rectangle.