git clone https://github.com/sansan88/miitmi.gitgit clone https://github.com/sansan88/miitmi-web-component.gitnpm i miitmi-web-component- Put a script tag similar to this
<script src='https://unpkg.com/[email protected]/dist/miitmi-web-component.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 my-name --save - Put a script tag similar to this, in the head of your index.html
<script src='node_modules/miitmi-web-component/dist/miitmi-web-component.js'></script> - Then you can use the element anywhere in your template, JSX, html etc.
- Run
npm install my-name --save - Add an import to the npm packages:
import miitmit-web-component; - Then you can use the element anywhere in your template, JSX, html etc.
:root {
--miitmi-btn-share-color-left: #EE2A24ff;
--miitmi-btn-share-color-right: #F1592A;
--miitmi-btn-video-color-left: #F1592A;
--miitmi-btn-video-color-right: #EE2A24ff;
--miitmi-btn-color: #FFFFFF;
--miitmi-font-family: Verdana, Geneva, Tahoma, sans-serif;
}<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
<title>miitmi web component</title>
<script src='https://unpkg.com/[email protected]/dist/miitmi-web-component.js'></script>
</head>
<body>
<h2>Standalone Example</h2>
<miitmi-web-component invite="EINLADEN" video="VIDEOCHAT STARTEN"></miitmi-web-component>
<br><br>
<h2><a href="https://www.screen-beer.ch/">Screen Beer | You'll never drink alone.</a></h2>
<miitmi-web-component chatname="ScreenBeer-Saftladen" invite="Saftladen teilen" video="Los geht's"></miitmi-web-component>
</body>
</html>