Docs / Components
SenseMeterGroupComponent
Stacked proportional composition bar with optional legend from @artificialsenselabs/ui for multi-value breakdowns.
Live demo: run nx serve showcase and open /components/meter-group (port 4202).
Overview
Category: Data display. Selector: sense-meter-group. Import: import { SenseMeterGroupComponent } from '@artificialsenselabs/ui';
Prefer meter-group for a static multi-part composition / capacity breakdown. Use progress-bar for a single task/process percentage, and chart for trends, axes, and interactive series. Segment color is a required CSS string — prefer design-token custom properties.
Accessibility
- Exposes
role="group"with configurableariaLabel— not N×progressbar/metercontrols. - The track is decorative (
aria-hidden). A legend list (visible or sr-only) carries labels and values so colour is not the only cue. - Segment proportions are share-of-total from positive numeric values.