THEME
MOTION
HAPTIC
SOUND

ACTIVITYBAR

Pseudo-random "activity" meter — pixel cells flicker based on a deterministic seed (advance externally to animate).

Live demo

Import

import { ActivityBar } from '@cathode-ui/react';

Props

Name Type Default Required Description
intensity number yes Probability a cell is lit (0–1).
seed number 0
cells number 24
fill string
cellSize number 6

Examples

tx

<ActivityBar intensity={0.6} seed={tick} cells={24} />

Accessibility

Role: presentation

Feedback

Hapticnone
Soundnone

← All components