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

:point\_right: **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.