pixi-silk/layout

LayoutNode: a headless flex layout engine with no Pixi in it.

import { LayoutNode } from 'pixi-silk/layout';

Classes#

Class	Description
LayoutNode	A box in a layout tree. Give it a style, children or a `measure` function, then call LayoutNode.calculate on the root. Each node’s LayoutNode.layout holds its box.

Interface	Description
ComputedLayout	The box a layout pass computed for a node, relative to its parent’s top-left corner.
LayoutStyle	The style of a layout node. Every property is optional and defaults to the CSS initial value.
Size	A size in pixels.

Type Alias	Description
AlignContent	Cross axis distribution of the lines of a wrapping container.
AlignItems	Cross axis alignment of items in their line. `baseline` lines up first text baselines in a row.
Edges	Box edges, as in CSS: one value for all sides, `[vertical, horizontal]`, `[top, horizontal, bottom]` or `[top, right, bottom, left]`.
FlexDirection	Main axis of a container. `row` lays children out left to right, `column` top to bottom.
JustifyContent	Main axis distribution of the free space in a line.
Length	A length: pixels, a percent of the containing box (`'50%'`) or `'auto'`.
MeasureFunction	Measures leaf content (text, a sprite) for the space offered. Either argument is `Infinity` when that axis is unconstrained. Return the content size without padding. `baseline` is the distance from the top to the first text baseline, for `alignItems: 'baseline'`.