🟠 Colored circles that can pulse https://status-indicator.webcomponent.io

Find a file

Ayo 64b3518601 chore: update readme		2026-05-08 18:05:13 +02:00
.husky	chore: add husky & set up post commit auto push to gh & sh	2026-05-08 13:20:35 +02:00
src	refactor: small code format change	2026-05-08 18:04:19 +02:00
.gitignore	Initial commit	2026-05-08 13:16:37 +02:00
index.html	feat: add header & footer on demo page; link to repos	2026-05-08 17:52:47 +02:00
package.json	chore: update deps; setup allowBuild	2026-05-08 17:07:16 +02:00
pnpm-lock.yaml	chore: update deps; setup allowBuild	2026-05-08 17:07:16 +02:00
pnpm-workspace.yaml	chore: update deps; setup allowBuild	2026-05-08 17:07:16 +02:00
README.md	chore: update readme	2026-05-08 18:05:13 +02:00
screenshot.png	chore: add screenshot; update readme	2026-05-08 17:55:50 +02:00

README.md

<status-indicator> web component

Circles with colors. That's it. That's the component.

Usage

Set the status property of the status-indicator component to any of the following: positive, negative, active, intermediary.

<status-indicator status="positive">
    All systems operational
</status-indicator>
<status-indicator status="negative">
    Something's wrong
</status-indicator>
<status-indicator status="active">
    It's just fine; carry on
</status-indicator>
<status-indicator>
    Nothing matters
</status-indicator>
<status-indicator status="intermediary">
    Slow down...
</status-indicator>

Result

A project by Ayo