Usage no npm install needed!

<script type="module">
  import smartappTile from 'https://cdn.skypack.dev/smartapp-tile';
</script>

README

<smartapp-tile>

Tile for presenting capabilities from SmartThings API

Example usage

<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<script type="module" src="../smartapp-tile.js"></script>

<!-- create a tile using HTML -->
<smartapp-tile name="Test Label" value="21" unit="°C" capability="temperatureMeasurement"></smartapp-tile>

<!-- create a tile programmatically -->
<script>
  let tile = document.createElement('smartapp-tile');
  tile.capability = 'contactSensor';
  const device = {
    label: 'Test Sensor',
    state: {
      "contactSensor": {
        "contact": {
          "value": "closed"
        }
      }
    }
  };
  tile.device = device;
  document.appendChild(tile);
</script>