Back to Components

Display

Lamp

Colored status dot with halo. Pure presentational — pair with a label for assistive tech.

Examples

States

idle running warn fail
<Lamp state="idle" /> idle
<Lamp state="running" /> running
<Lamp state="warn" /> warn
<Lamp state="fail" /> fail

Larger

<Lamp state="running" size={14} />

Props

PropTypeDefaultDescription
state'idle' | 'running' | 'warn' | 'fail''idle'Color + halo state.
sizenumber8Diameter in px.

Install

CLI

npx @a3tai/mittsu add lamp