ControlDefinition
Defines a custom control component that can be rendered in the UI at various breakpoints.
Properties
id
Type: string
Required
Unique control identifier.
label
Type: string
Required
Accessible label for the control.
render
Type: ComponentType
Required
A React/Preact component to render. Receives Context as props (or PluginContext when used in a plugin manifest).
const MyControl = ({ context }) => { const { appState, pluginState } = context return <div>Custom control content</div>}mobile
Type: ControlBreakpointConfig
Required
Mobile breakpoint configuration. See Breakpoint Configuration below.
tablet
Type: ControlBreakpointConfig
Required
Tablet breakpoint configuration. See Breakpoint Configuration below.
desktop
Type: ControlBreakpointConfig
Required
Desktop breakpoint configuration. See Breakpoint Configuration below.
Breakpoint Configuration
Each breakpoint (mobile, tablet, desktop) accepts the following properties:
slot
Type: string
Required
The slot where the control should appear at this breakpoint. Slots are named regions in the UI layout.