Control Surface
Component
Button
Alert
Link
Variant
Solid
Outline
Ghost
Color
Primary
Danger
Success
Size
Small
Medium
Large
Disabled
Inert
Container Width:
300px
Pause Flow
Reset
State Map
Environment
attr
var
ctx
size
PROPS_INPUT
comp: button, var: solid
DATA_ATTRIBUTES
[data-comp="button"]
CSS_VARIABLES
--color-base: #242424
CSS_SELECTORS
.out-comp[data-var...]
HOST_CONTEXT
Provider: Default
LAYOUT_ENGINE
Width: 300px (Wide)
RENDER_OUTPUT
<button class="...">
Rendered Result
Live preview of the component pipeline based on left-panel inputs.