Skip to main content

​
Tabs

Squeditor UI uses a strict 3-level hierarchy to organize controls. Understanding this structure is key to creating a clean editing experience. The top-level containers are Tabs.
You can only use these IDs: content, style, and advanced, but you can change their labels.
squeditor.json
{
  "id": "content",
  "label": "Content",
  "accordions": [ ... ]
},
{
  "id": "style",
  "label": "Style",
  "accordions": [ ... ]
},
{
  "id": "advanced",
  "label": "Advanced",
  "accordions": [ ... ]
}
Structure

​
Accordions

Accordions are the middle layer of Squeditor interface hierarchy (Tabs > Accordions > Controls). They group functionally related inputs—like “Typography”, “Spacing”, or “Colors”—to keep the sidebar clean and organized for the end-user.
squeditor.json
{
  "id": "hero_text",
  "label": "Hero Text",
  "default_open": true,
  "controls": [ ... ]
}
Structure