Third Party Components
You can create your own components, add these components and associated properties forms to a micro app and then configure this micro app on the team or site level.
👉 Page designer does not require registering the built-in or custom components under 'Site Builder -> Components' UI.
Guidelines for creating own components
Each third component must have an associated properties editor component as well if the component is having any editable property. Properties editor component name MUST be in the
<component_name>Props.vue
format. Example - https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components/generic/rktH2.Have a look at different components available under https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components/generic folder for sample demo components. You can use these to write your own components.
Make sure all of your components are having a unique prefix (mc, rkt and demo are reserved prefixes).
If it is not possible to have unique prefix for your (existing) components then you can put the prefix while exporting a component in the micro app -
export { default as DemoCmpnt1 } from './Cmpnt1.vue'
Keep all your own components under a dedicated folder (e.g. internal) which should be a child of https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components folder.
Last updated
Was this helpful?