Function: StatusLight()
StatusLight(
__namedParameters):Element
Defined in: components/StatusLight/StatusLight.tsx:80
A small status indicator bound to the FSL feedback palette: a coloured dot plus a label, on the page's own background.
Entity = Feedback. Use it for a small, non-interactive mark whose colour
carries an outcome the system observed: a contrast rating, a health state, a
failure count. Pick the evaluation by valence, not by colour — the theme
decides the hue per mode.
For a label that reports nothing — a role, a category — use Badge: it
is a filled chip without the valence claim, and a different silhouette
(F-053). For running feedback messages use Toast; for interactive filters
use a control.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | StatusLightProps |
Returns
Element
Example
<StatusLight evaluation="positive" numeric="tabular">AA 5.1:1</StatusLight>
<StatusLight evaluation="negative">Fail</StatusLight>