MultiGaugeBar

API reference and demos for MultiGaugeBar.

Source

Import

import { MultiGaugeBar } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

Kubernetes CPU · Open in Storybook

Table Cell · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
average	number	—	—
averageId	string	—	—
className	string	—	—
formatValue	(…) => string	—	—
icon	ReactNode	—	—
label*	string	—	—
markers	readonly GaugeMarker[]	[]	—
max	number	—	Configured ceiling in the same units. Observations above it remain visible.
size	enum	md	`sm` draws a thin 8px track without the inline usage text; values stay in the summary.
unit	string	—	Shared unit shown beside the scale, e.g. cores or GiB.
variant	enum	default	Compact inline presentation for table cells, with marker values in the tooltip.