diff --git a/docs/usage.md b/docs/usage.md
index fddf5cf..4b84325 100644
--- 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 -->