MechCloud
  • What is MechCloud?
  • MechCloud Website
  • Launch Portal
  • Links
    • Discord
    • Youtube
    • Blog
    • LinkedIn
    • Twitter
  • Comparison With WordPress
  • Tutorials / Blog Posts
  • Administration
    • Multitenancy
      • Tenant
      • Team
    • Subscriptions
      • Basic
      • Pro
  • Cloud Computing
    • Cloud Accounts
      • Add An Account
        • AWS
        • GCP
        • Azure
      • Configure Regions / Zones
      • Discover Assets
      • Real-time Visualization
        • AWS
          • Tags
          • CloudTrail
        • GCP
  • AI Agents
    • AWS Agent
      • EC2
      • Lightsail
      • Multi-operation Prompts
    • Systems Agent
      • Cloudflare
      • MongoDB Atlas API
  • Website Builder
    • Routing
    • Micro app based architecture
    • Site
    • Site Node
    • Custom Components
      • Frame
      • Layout
      • External Page
      • Component
    • Special Tags
      • <mc-navigation-link>
      • <mc-render-node>
    • Page Designer
      • Single Component Prompts
        • Native HTML tags
        • MechCloud UI Components
        • Demo Components
        • Third Party Components
      • Multi Components Prompts
Powered by GitBook
On this page

Was this helpful?

  1. Website Builder
  2. Page Designer
  3. Single Component Prompts

Third Party Components

PreviousDemo ComponentsNextMulti Components Prompts

Last updated 2 months ago

Was this helpful?

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

  • Have a look at different components available under 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 folder.

👉
https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components/generic/rktH2
https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components/generic
https://github.com/mechcloud/mechcloud-demo-microapp1/tree/main/src/components