Topology

Examples

Visualize structure and connectivity.

Properties

links [{...}]
An array of: {ids: [<id>, ...], colorIndex: <string>}. The ids should reference id properties of contained Topology.Part components.

Available Sub Components

Toplogy.Part

An individual part. I Part can contain Parts or another Part.

Properties

align start|center|between|end|stretch
How to align the contents along the cross axis.
demarcate true|false
Whether or not to visually demarcate the boundaries of the Part.
direction row|column
The orientation to layout any child components in.
id {string}
The id of this part. The id should at least be unique within the Topology.
justify start|center|between|end
How to align the contents along the main axis.
label {string}
The label of this part. This could be a part name or number, for example.
reverse true|false
Whether to reverse the order of the child components.
status error|warning|ok|disabled|unknown
If provided, adds the corresponding status icon.

Toplogy.Parts

A container for Part components. It is provided purely to assist with Part layout.

Properties

direction row|column
The orientation to layout the child components in.
uniform true|false
Whether or not to all children should be the same size.

Toplogy.Label

A label. It provides finer control over how Part labels are rendered.