Skip to content

<WorkspaceWidget>

INFO

<WorkspaceWidget> must be used inside <DesignerRoot>.

<WorkspaceWidget> is the designer canvas area. It renders the current renderer template when a scene is selected, otherwise it shows an empty state.

Slots

SlotDescription
#toolbarToolbar content passed to the renderer through runtime resources
#emptyCustom empty state when no scene is selected

Example

vue
<template>
    <WorkspaceWidget>
        <template #toolbar>
            <button @click="designer.undo()">Undo</button>
        </template>
        <template #empty>
            <p>No scene selected.</p>
        </template>
    </WorkspaceWidget>
</template>

Notes

  • Uses the renderer template component
  • Registers the toolbar slot as "TOOLBAR_SLOT"