GaugeHoverCard

API reference and demos for GaugeHoverCard.

Source

Import

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

Demos

No dedicated Storybook demo is available for this component yet.

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	—	Classes for the HoverCard trigger wrapper (e.g. to keep a block gauge centred).
footer	ReactNode	—	Optional footer note, e.g. the look-back window.
placement	enum	top	—
rows*	GaugeHoverRow[]	—	Stat rows (current/min/max/…) rendered as a definition list.
title*	string	—	Card heading — the metric label.
trigger*	ReactNode	—	The gauge visual that opens the card on hover/focus.