From 5088cf5dec39ce6b9faa4da3cf44bc89e4415737 Mon Sep 17 00:00:00 2001
From: Alessandro Genova <ales.genova@gmail.com>
Date: Mon, 15 Oct 2018 19:18:51 -0400
Subject: [PATCH] Add webcomponents.org to Readme

---
 README.md | 44 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)

diff --git a/README.md b/README.md
index 735b55c..2a8bc32 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
 [![npm package](https://img.shields.io/npm/v/split-me.svg)](https://www.npmjs.com/package/split-me)
 [![pipeline status](https://gitlab.com/ales.genova/split-me/badges/master/pipeline.svg)](https://gitlab.com/ales.genova/split-me/pipelines)
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/split-me)
 [![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
 
 # SplitMe - Universal Splitter
@@ -8,6 +9,49 @@
 
 See a [Live Demo](https://alesgenova.github.io/split-me/).
 
+<!--
+```
+<custom-element-demo>
+  <template>
+    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+    <script src="https://unpkg.com/split-me/dist/split-me.js"></script>
+    <style is="custom-style">
+      .container {
+        width: 100%;
+        height: 15rem;
+      }
+      .fill {
+        width: 100%;
+        height: 100%;
+      }
+      .red {
+        background-color: #f44336;
+      }
+      .green {
+        background-color: #4CAF50;
+      }
+      .blue {
+        background-color: #3F51B5;
+      }
+      .light-green {
+        background-color: #CDDC39;
+      }
+    </style>
+    <div class="container">
+      <split-me n=3>
+        <div slot="0" class="fill red"></div>
+        <split-me slot="1" n=2 d="vertical">
+          <div slot="0" class="fill blue"></div>
+          <div slot="1" class="fill green"></div>
+        </split-me>
+        <div slot="2" class="fill light-green"></div>
+      </split-me>
+    </div>
+  </template>
+</custom-element-demo>
+```
+-->
+
 [![demo](./demo.png)](https://alesgenova.github.io/split-me/)
 
 ## Installing