status-indicator/README.md
2026-05-08 18:05:13 +02:00

705 B

<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

screenshot


A project by Ayo