THEME
MOTION
HAPTIC
SOUND
PIXELBAR
Discrete-cell horizontal level meter. Fill proportional to `level` (0–1).
Live demo
Import
import { PixelBar } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
level | number | — | yes | Clamped to [0, 1]. |
cells | number | 24 | — | |
fill | string | — | — | CSS color; overrides --cathode-pixelbar-fill. |
cellSize | number | 6 | — |
Examples
vu
<PixelBar level={0.6} cells={24} />Accessibility
Role: progressbar
- aria-valuenow set automatically
Feedback
| Haptic | none |
| Sound | none |