ayo/status-indicator
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: add links to example pens

Browse source
This commit is contained in:
ayo 2026-05-14 09:21:58 +02:00
parent 6a5cd31de5
commit b725d547a7
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -14,6 +14,8 @@ Copy the following to your HTML page:
</status-indicator> </status-indicator>
``` ```
See example on CodePen: https://codepen.io/ayo-run/pen/RNorXrK
## Installation via NPM ## 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: 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:
@ -26,7 +28,7 @@ npm install web-component-base @ayo-run/status-indicator
pnpm add web-component-base @ayo-run/status-indicator pnpm add web-component-base @ayo-run/status-indicator
``` ```
## Usage ## Usage: Imports
Without a bundler that resolves `node_module` imports for you, you can use [import Without a bundler that resolves `node_module` imports for you, you can use [import
maps](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap): maps](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap):
@ -52,7 +54,9 @@ maps](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/scrip
</html> </html>
``` ```
## Attributes Using import maps can also work with the CDN: https://codepen.io/ayo-run/pen/emBdQRg
## Usage: Attributes
### 1. `status` attribute ### 1. `status` attribute