Hover

Display additional information on hover.

Hoverinfo

Show type or value hints on hover.

mdx

<HoverInfo info="string">name</HoverInfo>
<HoverInfo info="42" type="value">
  count
</HoverInfo>

hover over: name or count or missing

Default style for type annotations.

age

For displaying values.

enabled

For error states.

data

For richer hover content with custom formatting.

mdx

<TypePopup
  trigger="config"
  content={
    <>
      type: object
      <br />
      keys: 3
    </>
  }
/>

config

prop	type	default	description
children	ReactNode	required	Trigger element
info	string	required	Text to display
type	"type" \| "value" \| "error"	"type"	Color style

prop	type	default	description
trigger	ReactNode	required	Hover trigger
content	ReactNode	required	Popup content