icon

Any Lucide icon by its kebab-case name — the one place a spec asks for a glyph by string.

Example

icon

phone

SPEC.JSONCopy

{ "id": "home", "layout": { "_id": "root", "type": "row", "gap": 16, "padding": 16, "children": [ { "_id": "i1", "type": "icon", "name": "coffee", "size": 24 }, { "_id": "i2", "type": "icon", "name": "chevron-right", "size": 24, "color": "var(--accent)" } ] } }

RENDERED OUTPUTFRAMEWERK RENDERER

States

Name, size, colour. 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.