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

MechCloud UI Components

Adding MechCloud UI components on a page

In order to add a component from MechCloud UI component library, make sure that the prompt is in add a 'mc <component_name>' component format. Here component_name is the name of the component which must be from the below mentioned below. A component name with multiple words in it can be specified in multiple formats. E.g. IconLink can be specified in any of the following formats -

  • IconLink

  • Icon Link

  • iconlink

  • icon link

Here are some of the supported components at this moment -

  • Breadcrumb

  • Button

  • ButtonBar

  • Checkbox

  • Dropdown

  • Icon

  • IconLink

  • LineSeparator

  • Link

  • LinkButtonsBar

  • ListEditor

  • MultiSelect

  • Notification

  • NumberRangeInput

  • Password

  • Select

  • Switch

  • Table

  • Tag

  • TagList

  • Text

Here are some examples of how to add components from MechCloud UI components -

Add a ‘mc button’ component
Add a ‘mc input text’ component
Add a ‘mc icon link’ component
PreviousNative HTML tagsNextDemo Components

Last updated 2 months ago

Was this helpful?

You can access full list of components under MechCloud UI component library .

here