API Reference

columnGeometry()

Derive the sanitized geometry for a flow container and column layout.

Import

import { columnGeometry } from "@graphrefly/ts/solutions/reactive-layout";

Signature

function columnGeometry(
	container: FlowContainer,
	columns: FlowColumns | undefined,
): {
	readonly paddingX: number;
	readonly paddingY: number;
	readonly count: number;
	readonly gap: number;
	readonly width: number;
	readonly height: number;
	readonly columnWidth: number;
}

Parameters

Returns

The resolved padding, width, height, and per-column width.

Example

columnGeometry({ width: 800, height: 600 }, { count: 2, gap: 24 });

Source

packages/ts/src/solutions/reactive-layout/flow.ts