chore(): moved themes into ionic and created components folder.

2025-08-22 13:32:54 +08:00 · 2017-06-21 10:14:08 -05:00
parent bd5b67304d
commit d0844c585d
213 changed files with 6387 additions and 0 deletions
--- a/packages/ionic/demos/inside-shadow/index.html
+++ b/packages/ionic/demos/inside-shadow/index.html
@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Ionic</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <script src="/dist/ionic-web/ionic.js"></script>
+</head>
+<body>
+
+  <ion-app>
+
+    <ion-page>
+
+      <button-bar></button-bar>
+
+      <script>
+        class ButtonBar extends HTMLElement {
+          constructor() {
+            super();
+
+            const shadowRoot = this.attachShadow({ mode: 'open' });
+            shadowRoot.innerHTML = `
+              <style>
+                :host {
+
+                };
+              </style>
+
+              <ion-toolbar>
+                <ion-button>News</ion-button>
+              </ion-toolbar>
+              `;
+          }
+        }
+
+        customElements.define('button-bar', ButtonBar)
+      </script>
+
+    </ion-content>
+
+   </ion-page>
+
+  </ion-app>
+
+</body>
+</html>