diff --git a/README.md b/README.md
index 08a43a1..bf882fd 100644
--- a/README.md
+++ b/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>
diff --git a/docs/usage.md b/docs/usage.md
new file mode 100644
index 0000000..fddf5cf
--- /dev/null
+++ b/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 -->
diff --git a/mkdocs.yml b/mkdocs.yml
index 9b4e366..3c8ec5a 100644
--- a/mkdocs.yml
+++ b/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