docs: add usage docs page with button

README.md

@@ -30,8 +30,6 @@
   </a>
 </p>
 
-## [![🚩 Deploy to CDN](https://github.com/hotosm/ui/actions/workflows/cdn_deploy.yml/badge.svg?branch=main)](https://github.com/hotosm/ui/actions/workflows/cdn_deploy.yml)
-
 📖 **Documentation**: <a href="https://hotosm.github.io/ui/" target="_blank">https://hotosm.github.io/ui/</a>
 
 🖥️ **Source Code**: <a href="https://github.com/hotosm/ui" target="_blank">https://github.com/hotosm/ui</a>

docs/usage.md

@@ -0,0 +1,19 @@
+# Usage
+
+```js
+<script src="https://hotosm.github.io/ui/dist/core.js">
+
+<div>
+  <hot-button disabled="false"> </hot-button>
+</div>
+```
+
+<!-- markdownlint-disable -->
+
+<script src="https://hotosm.github.io/ui/dist/core.js">
+
+<div>
+  <hot-button disabled="false"> </hot-button>
+</div>
+
+<!-- markdownlint-enable -->

mkdocs.yml

@@ -57,6 +57,7 @@ nav:
   - About: about.md
   - Components:
       - Button: components/hot-button.md
+  - Usage: usage.md
   - Storybook: storybook.md
   - License: LICENSE.md
   - Changelog: CHANGELOG.md