⬡ FRAMEWERK
ReferenceNodes

svg

Multi-path artwork carried as raw markup or a fetched URL — the one node that injects spec-supplied HTML, so it is opt-in behind `allowRawSvg`.

View as Markdown

svg

Multi-path artwork carried as raw markup or a fetched URL — the one node that injects spec-supplied HTML, so it is opt-in behind allowRawSvg.

Example

svg
phone
SPEC.JSON
RENDERED OUTPUTFRAMEWERK RENDERER
svg
Requires allowRawSvg on the host
Edit the JSON to update the rendered screen.Edits stay in this preview

States

Opt-in via allowRawSvg; without it, svgContent is a placeholder and a .svg src goes through <img>. 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.

status-bar

Tells the renderer to draw the platform status bar as an absolutely-positioned overlay with zero height — it does not push content down.

switch

A labelled toggle — the binary control that reads as an immediate setting rather than a form field.

On this page

svgExampleStatesStability