docs: move examples to component pages

hotosm · May 31, 2024 · f291857 · f291857
1 parent 8eb9297
commit f291857
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/docs/components/hot-button.md b/docs/components/hot-button.md
@@ -13,3 +13,20 @@
 | Event   |
 |---------|
 | `click` |
+
+## Example
+
+<!-- markdownlint-disable -->
+
+<hot-button id="hotButton">Click Me!</hot-button>
+<script>
+  const button = document.getElementById('hotButton');
+
+  button.addEventListener('click', () => {
+    alert('Button Clicked!');
+  });
+</script>
+
+<br>
+
+<!-- markdownlint-enable -->
diff --git a/docs/components/hot-toolbar.md b/docs/components/hot-toolbar.md
@@ -19,3 +19,11 @@
 | `hot-rightalign-click`  |
 | `hot-underline-click`   |
 | `hot-undo-click`        |
+
+## Example
+
+<!-- markdownlint-disable -->
+
+<hot-toolbar></hot-toolbar>
+
+<!-- markdownlint-enable -->