@dan copy paste does not show the controls
I’d say there’s a coding error in that example I’ll take a look later and see what’s up…
In the meantime, maybe give it to ChatGPT and see he can spot the error and fix it
@dan chat corrected
corrected code
{
"groups": [{
"title": "Content",
"properties": [{
"title": "Text Style",
"id": "textStyle",
"themeTextStyle": {
"default": { "base": { "name": "lg" }, "sm": { "name": "2xl" }, "md": { "name": "4xl" } }
}
}, {
"title": "Theme Font",
"id": "textFont",
"themeFont": {
"default": { "base": { "name": "heading" }, "sm": { "name": "quote" } }
}
}, {
"title": "Padding",
"id": "themeSpacing",
"themeSpacing": {
"mode": "padding",
"default": {
"base": {
"custom": true,
"left": 10,
"right": 20,
"top": 30,
"bottom": 40,
"linkVertical": true
},
"sm": {
"custom": false,
"left": "xl",
"right": "xl",
"top": "xl",
"bottom": "xl"
}
}
}
}, {
"title": "Border Width",
"id": "borderWidth",
"themeBorderWidth": {
"default": {
"base": {
"custom": false,
"left": "2",
"right": "2",
"top": "2",
"bottom": "2",
"linkHorizontal": true
},
"sm": {
"custom": false,
"left": "8",
"right": "8",
"top": "8",
"bottom": "8",
"linkHorizontal": true
}
}
}
}, {
"title": "Border Radius",
"id": "borderRadius",
"themeBorderRadius": {
"default": {
"base": {
"custom": false,
"topLeft": "sm",
"topRight": "sm",
"bottomLeft": "sm",
"bottomRight": "sm",
"linkHorizontal": true
},
"sm": {
"custom": true,
"topLeft": 5,
"topRight": 5,
"bottomLeft": 5,
"bottomRight": 5,
"linkHorizontal": true
}
}
}
}, {
"title": "Spacing",
"id": "spacing",
"themeSpacing": {
"default": {
"base": {
"custom": false,
"left": "sm",
"right": "sm",
"top": "sm",
"bottom": "sm",
"linkHorizontal": true
},
"sm": {
"custom": false,
"left": "lg",
"right": "lg",
"top": "lg",
"bottom": "lg",
"linkHorizontal": true
}
}
}
}, {
"title": "Shadow",
"id": "themeShadow",
"mode": "shadow",
"themeShadow": {
"default": { "base": { "name": "sm" }, "sm": { "name": "lg" }, "md": { "name": "xl" } }
}
}, {
"title": "Slider",
"id": "slider",
"slider": {
"default": "45",
"min": 20,
"max": 60,
"round": true,
"units": "vw"
}
}, {
"title": "Slider 2",
"id": "slider2",
"slider": {
"default": { "base": 20, "sm": 30 },
"min": 20,
"max": 60,
"round": true,
"units": "vw"
}
}, {
"title": "Slider 3",
"id": "slider3",
"slider": {
"default": "3",
"content": [
{ "title": "a", "value": "2" },
{ "title": "b", "value": "3" },
{ "title": "c", "value": "4" }
]
}
}, {
"title": "Alignment",
"id": "alignment",
"segmented": {
"default": {
"base": "w-auto",
"md": "w-full"
},
"items": [
{ "value": "w-full", "icon": "text.alignleft" },
{ "value": "w-asdf", "icon": "text.alignleft" },
{ "value": "w-auto", "icon": "text.aligncenter" },
{ "value": "custom", "icon": "text.alignright", "title": "Custom" }
]
}
}]
}]
}
Hah, that’s awesome, thank you - I’ll get it updated now!