Skip to main content

Interface: GeoVisHoverTooltipProps

Defined in: ui/GeoVisHoverTooltip.tsx:26

Properties​

children?​

optional children?: ReactNode

Defined in: ui/GeoVisHoverTooltip.tsx:48

Custom content rendered inside the tooltip container. Takes precedence over render and the default value layout. Use useGeoVisHover() or useGeoVisClick() inside the children for live data.


className?​

optional className?: string

Defined in: ui/GeoVisHoverTooltip.tsx:36

Optional class for the tooltip container.


emptyValueLabel?​

optional emptyValueLabel?: string

Defined in: ui/GeoVisHoverTooltip.tsx:42

Label shown when info.value is null (no mapData for the feature).


formatValue?​

optional formatValue?: (value) => string

Defined in: ui/GeoVisHoverTooltip.tsx:34

Formatter applied to info.value when no render prop is provided.

Parameters​

ParameterType
valuestring | number

Returns​

string


offset?​

optional offset?: object

Defined in: ui/GeoVisHoverTooltip.tsx:40

Pixel offset from the cursor; defaults to { x: 12, y: 12 }.

x​

x: number

y​

y: number


render?​

optional render?: (info) => ReactNode

Defined in: ui/GeoVisHoverTooltip.tsx:32

Custom renderer for the tooltip body. Receives the live hover snapshot (featureId, value, etc.) and returns the React node to display. When omitted, a default two-line layout is used (Feature #<id> + value).

Parameters​

ParameterType
infoMapHoverInfo

Returns​

ReactNode


style?​

optional style?: CSSProperties

Defined in: ui/GeoVisHoverTooltip.tsx:38

Optional inline style overrides merged on top of the default tooltip style.