Gauge

API reference and demos for Gauge.

Source

Import

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

Demos

Default · Open in Storybook

Status Set · Open in Storybook

Cell Variants · 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
className	string	—	—
icon	string | number | bigint | boolean | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ... 5 more ...	—	—
label*	ReactNode	—	—
max	number	100	—
meta	ReactNode	—	—
showLabel	boolean	true	Show the text label. Icons and values remain visible when false.
subtitle	ReactNode	—	—
suffix	string	%	—
tone	enum	neutral	—
value*	number	—	—
variant	enum	default	Visual density/layout. `cell` is a compact inline form for table/grid cells.