Compare commits

...

3 commits
v2.1.1 ... main

Author SHA1 Message Date
Ayo
e4b5a9ebc2 feat(site): update CDN url 2026-05-16 18:58:09 +02:00
Ayo
de93866548 2.1.2 2026-05-14 19:40:47 +02:00
Ayo
a9c344bee4 chore: remove src & screenshot from distribution 2026-05-14 19:40:34 +02:00
3 changed files with 5 additions and 10 deletions

View file

@ -7,7 +7,7 @@ Colored circles that can pulse. That's it. That's the component.
Copy the following to your HTML page:
```html
<script type="module" src="https://esm.sh/@ayo-run/status-indicator"></script>
<script type="module" src="https://esm.sh/@ayo-run/status-indicator@2.1.2/es2022/status-indicator.mjs"></script>
<status-indicator pulse status="positive">
All systems operational
@ -16,9 +16,6 @@ Copy the following to your HTML page:
See example on CodePen: https://codepen.io/ayo-run/pen/RNorXrK
> [!NOTE]
> In this example, `esm.sh` bundles the base class together with the component. For most use cases, that is good enough but, still, "it depends". Copying the code will work just fine, but it woudn't hurt to read around about the trade-offs how bundling affects your application.
## Installation via NPM
If you want to install the library as a node module, you can install the [published package](https://npmx.dev/@ayo-run/status-indicator) and the [base class](https://webcomponent.io) via NPM:
@ -86,7 +83,7 @@ You can add the `pulse` attribute to make the circle... pulse
## Result
![screenshot](./screenshot.png)
![screenshot](https://raw.githubusercontent.com/ayo-run/status-indicator/refs/heads/main/screenshot.png)
---

View file

@ -94,7 +94,7 @@
Copy the following to your HTML page:
</p>
<code><pre>
&lt;script type="module" src="https://esm.sh/@ayo-run/status-indicator"&gt;&lt;/script&gt;
&lt;script type="module" src="https://esm.sh/@ayo-run/status-indicator@2.1.2/es2022/status-indicator.mjs"&gt;&lt;/script&gt;
&lt;status-indicator pulse status="positive"&gt;
All systems operational

View file

@ -1,6 +1,6 @@
{
"name": "@ayo-run/status-indicator",
"version": "2.1.1",
"version": "2.1.2",
"type": "module",
"description": "Circles with color that can pulse to indicate status",
"license": "MIT",
@ -20,11 +20,9 @@
}
},
"files": [
"src",
"dist",
"README.md",
"LICENSE",
"screenshot.png"
"LICENSE"
],
"scripts": {
"test": "echo \"Warning: no test specified\"",