@menucloud/mc-menus

This is an embeddeable webcomponent to be used for rendering publishedMenus from menucloud dashboard on other websites.

Properties

| Property | Attribute | Description | Type | Default | | -------------- | --------------- | ----------- | ---------- | ----------- | | apiKey | api-key | | string | undefined | | beta | beta | | boolean | undefined | | dev | dev | | boolean | undefined | | local | local | | boolean | undefined | | menus | -- | | string[] | undefined | | restaurantId | restaurant-id | | string | undefined |

Using this component

Script tag

• Publish to NPM
• Put a script tag similar to this <script src='https://unpkg.com/@menucloud/[email protected]/dist/mc-menus.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install @menucloud/mc-menus --save
• Put a script tag similar to this <script src='node_modules/@menucloud/mc-menus/dist/mc-menus.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

• Run npm install @menucloud/mc-menus --save
• Add an import to the npm packages import @menucloud/mc-menus;
• Then you can use the element anywhere in your template, JSX, html etc

Use in Vue

• Follow this offical guide. https://stenciljs.com/docs/vue

Code sample

  <mc-menu
    restaurant-id=""
    menus="[]"
    api-key=""
    dev
  ></mc-menu>