docs: add usage example with code

hotosm · Feb 5, 2024 · 0e8b660 · 0e8b660
1 parent 47ef09e
commit 0e8b660
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/docs/usage.md b/docs/usage.md
@@ -1,19 +1,21 @@
 # Usage
 
+## Code
+
 ```js
 <script src="https://hotosm.github.io/ui/dist/core.js">
 
 <div>
-  <hot-button disabled="false"> </hot-button>
+  <hot-button intent="primary"> </hot-button>
 </div>
 ```
 
-<!-- markdownlint-disable -->
+## Visual Representation
 
-<script src="https://hotosm.github.io/ui/dist/core.js">
+<!-- markdownlint-disable -->
 
 <div>
-  <hot-button disabled="false"> </hot-button>
+  <hot-button intent="primary">Click Me!</hot-button> 
 </div>
 
 <!-- markdownlint-enable -->