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 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.vueformat. 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.