chip

A compact selectable token — filter, tag or removable choice — that fills when selected.

Example

chip

phone

SPEC.JSONCopy

{ "id": "home", "layout": { "_id": "root", "type": "row", "gap": 8, "padding": 16, "children": [ { "_id": "c1", "type": "chip", "label": "React", "selected": true, "icon": "code" }, { "_id": "c2", "type": "chip", "label": "CSS", "removable": true } ] } }

RENDERED OUTPUTFRAMEWERK RENDERER

React

CSS×

States

selected, removable. 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.