THEME
MOTION
HAPTIC
SOUND
DOTLEADER
"LABEL …………… VALUE" row — classic terminal readout. Dots fill available width.
Live demo
Import
import { DotLeader } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
label | string | — | yes | |
value | string | — | yes | |
valueColor | string | — | — | CSS color for the value half. |
Examples
plain
<DotLeader label="LATENCY" value="42 MS" />error
<DotLeader label="STATUS" value="DOWN" valueColor="var(--cathode-color-tx)" />Accessibility
Role: text
Feedback
| Haptic | none |
| Sound | none |