miitmi-web-component
v1.2.1
Published
miitmi web component
Readme
miitmi.ch
Github Repository
git clone https://github.com/sansan88/miitmi-web-component.gitUsing meetmi in a framework
npm i miitmi-web-componentScript Tag
- 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.
Node Modules
- Run
bash npm install my-name --savePut a script tag similar to thisbash <script src='node_modules/miitmi-web-component/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.
In a stencil-app-starter app
- Run
bash npm install my-name --save - Add an import to the npm packages:
bash import miitmit-web-component; - Then you can use the element anywhere in your template, JSX, html etc.
CSS Variables
: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;
}Demo Website
<!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>