chore(docs): add button demo

2026-03-13 10:22:08 +08:00 · 2015-09-10 14:48:26 -05:00
parent e70776b592
commit 508c0fb900
3 changed files with 56 additions and 0 deletions
--- a/demos/buttons/index.html
+++ b/demos/buttons/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <!-- https://www.chromium.org/developers/design-documents/chromium-graphics/how-to-get-gpu-rasterization -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+
+  <link href="../../css/ionic.css" rel="stylesheet">
+</head>
+<body>
+
+  <ion-app>
+    <ion-loading-icon></ion-loading-icon>
+  </ion-app>
+
+  <script src="../../js/ionic.bundle.js"></script>
+
+  <script>System.import("index");</script>
+
+</body>
+</html>
--- a/demos/buttons/index.ts
+++ b/demos/buttons/index.ts
@@ -0,0 +1,7 @@
+import {App} from 'ionic/ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {}
--- a/demos/buttons/main.html
+++ b/demos/buttons/main.html
@@ -0,0 +1,28 @@
+
+<ion-toolbar>
+  <ion-title>Default Buttons</ion-title>
+</ion-toolbar>
+
+<ion-content class="padding" style="text-align:center">
+
+  <p>
+    <button block>Default</button>
+  </p>
+
+  <p>
+    <button secondary block>Secondary</button>
+  </p>
+
+  <p>
+    <button danger block>Danger</button>
+  </p>
+
+  <p>
+    <button light block>Light</button>
+  </p>
+
+  <p>
+    <button dark block>Dark</button>
+  </p>
+
+</ion-content>