THEME
MOTION
HAPTIC
SOUND
SIGNALBARS
Cellular/wifi-style ascending bars. Use for strength, battery, or any 1-of-N reading.
Live demo
Import
import { SignalBars } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
level | number | — | yes | 0…bars; fractional values round. |
bars | number | 5 | — | |
accent | 'info'|'success'|'warning'|'danger'|'accent' | info | — | |
width | number | 24 | — | |
height | number | 16 | — |
Examples
strength
<SignalBars level={4} />Accessibility
Role: img
- aria-label auto-composed "Signal: N of M"
Feedback
| Haptic | none |
| Sound | none |