Skip to content

<ModulesWidget>

INFO

<ModulesWidget> must be used inside <DesignerRoot>.

<ModulesWidget> shows the registered module tree and lets users click or drag modules into the current scene.

Slots

  • content: custom rendering for each module node

Example

vue
<template>
    <ModulesWidget>
        <template #content="node">
            <img :src="node.icon" />
            <span>{{ node.title }}</span>
        </template>
    </ModulesWidget>
</template>

Notes

  • Reads data from RESOURCE_TYPE.INITIAL_MODULE_TREE
  • Depends on runtime.designer
  • Uses createPtah() or ResourceRepository registration data