Embed your MealSuite Menuboard into your website.
Requires a current subscription
- Put a script tag similar to this
<script src='https://unpkg.com/menuboard-embed/dist/ms-menuboard-embed.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install menuboard-embed --save - Put a script tag similar to this
<script src='node_modules/menuboard-embed/dist/ms-menuboard-embed.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
After including the tag insert the ms-menuboard-embed component in your webpage/web app where you want to display the menuboard.
The menuboard will take the full width and height of the element it is nested in.
| Attribute | Description | Default |
|---|---|---|
| auth_key | Auth key generated from your MenuStreams Admin Dashboard | null |
| provider | synergy, threesquares, revera or myusuite | synergy |
See Stencil Components Framework Integration
<head>
<script src='https://unpkg.com/menuboard-embed/dist/ms-menuboard-embed.js'></script>
</head>
<div style="width: 100%; height: 100vh; padding:0; margin:0;">
<ms-menuboard-embed provider="{{PROVIDER}}" auth_key="{{AUTH_KEY}}"></ms-menuboard-embed>
</div>