spacer

An empty flex item that takes height or flex — deliberate blank space without a magic margin.

Example

spacer

phone

SPEC.JSONCopy

{ "id": "home", "layout": { "_id": "root", "type": "column", "gap": 0, "padding": 16, "children": [ { "_id": "a", "type": "text", "content": "Top" }, { "_id": "sp", "type": "spacer", "height": 48 }, { "_id": "b", "type": "text", "content": "Bottom" } ] } }

RENDERED OUTPUTFRAMEWERK RENDERER

Top

Bottom

States

height or flex. Common to every node: hover / press / focus CSS bags, showWhen / hideWhen, animate.

Stability

This node type is part of the format contract: adding an optional prop is additive; removing the node or narrowing an existing prop is breaking. Prop tables are generated from the schema; this page carries the prose.