feat: checkbox html example added

telekom · Aug 28, 2024 · a1a7674 · a1a7674
1 parent 127093f
commit a1a7674
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/packages/components/src/html/checkbox.html b/packages/components/src/html/checkbox.html
@@ -0,0 +1,39 @@
+<!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>Stencil Component Starter</title>
+
+  <script type="module" src="/build/scale-components.esm.js"></script>
+  <link rel="stylesheet" href="/build/scale-components.css" />
+  <style type="text/css" media="screen, print">
+    html {
+      margin: 0;
+      padding: 0;
+    }
+
+    body {
+      margin: 0;
+      padding: 4rem;
+    }
+  </style>
+</head>
+
+<body>
+  <p>
+    <scale-checkbox checked disabled label="Selected Disabled"></scale-checkbox>
+  </p>
+  <p>
+    <scale-checkbox indeterminate label="Indeterminate"></scale-checkbox>
+  </p>
+  <p>
+    <scale-checkbox label="Standard with error" helper-text="This is the error message" invalid></scale-checkbox>
+  </p>
+  <p>
+    <scale-switch label="My styles were affecting checkbox styles"></scale-switch>
+  </p>
+</body>
+
+</html>