Miitmi-web-component NPM

miitmi.ch

Github Repository

git clone https://github.com/sansan88/miitmi-web-component.git

Using meetmi in a framework

npm i miitmi-web-component

Script Tag

Put a script tag similar to this

<script src='https://unpkg.com/miitmi-web-component@1.2.1/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 --save Put a script tag similar to this bash <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/miitmi-web-component@1.2.1/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>

web-social-share

@everything-registry/sub-chunk-2169 @zalastax/nolb-mii @infinitebrahmanuniverse/nolb-mii

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago