diff --git a/README.md b/README.md
index eeda099..e5ac33d 100644
--- a/README.md
+++ b/README.md
@@ -2,27 +2,36 @@
Circles with colors. That's it. That's the component.
+## Quick usage via CDN
+
+Inside your HTML ``:
+
+```html
+
+
+
+```
+
+## Installation
+
+```bash
+# using npm
+npm install @ayo-run/status-indicator
+
+# or using pnpm
+pnpm add @ayo-run/status-indicator
+```
## Usage
Set the `status` property of the `status-indicator` component to any of the following: positive, negative, active, intermediary.
```html
-
- All systems operational
-
-
- Something's wrong
-
-
- It's just fine; carry on
-
-
- Nothing matters
-
-
- Slow down...
-
+ All systems operational
+ Something's wrong
+ It's just fine; carry on
+ Nothing matters
+ Slow down...
```
### Result
diff --git a/screenshot.png b/screenshot.png
index 551580d..69e33cf 100644
Binary files a/screenshot.png and b/screenshot.png differ