Live Controls (exposing options)
Some parts of your site have options — items per row, an accent color, a filter, autoplay.
The [Live Controls:] tag turns those options into real controls in the editor sidebar,
so tweaking them never needs another AI request.
How to trigger it
Section titled “How to trigger it”- Select the component in the preview (this one needs a selection).
- Send the tag — empty, or with the options you want exposed:
[Live Controls][Live Controls: perRow, accentColor, showFilters]The Live Controls slash entry inserts it for you. With no hint, Genesis inspects the component and exposes the options that make sense.
What you get
Section titled “What you get”A Props section appears in the panel whenever that component is selected. Each option becomes the right kind of control automatically:
| Option looks like | Control |
|---|---|
| A fixed set of choices | Dropdown |
| A number | Slider / stepper |
| On/off | Toggle |
| A color | Color picker |
| An image or link | Asset picker |
| Text | Text input |
Moving a control updates the site instantly — it’s a direct change, no AI in the loop.
- Works on any component with configurable options — including ones built by Video Library / Courses integrations (those arrive with controls pre-exposed).
- Controls cover settings, not free-form design — restyling stays with chat and the style panel.
- All exposed controls across the project are also gathered in the Live Controls panel in the toolbar.