Color Picker — YAML Spec Rendered
A live rendering of the color-picker-v8 YAML spec by the Juris runtime with "yellow" selected. The screenshot captures the reactive state loop in action — two separate parts of the UI reflect the same state update simultaneously:
- Selected color bar — the large yellow preview strip inside the dashed border box, above the expand/collapse controls
- State Variables panel — the
selectedColorentry showscurrent: "yellow"
No hand-written component code. The color palette, reactive state binding, selection handler, preview bar, and debug panel are all declared in YAML. Clicking a swatch sets selectedColor state; the Juris runtime propagates that change to every bound expression in the spec automatically.
Source spec: specs://color-picker
