tooltips

---

navigation: title: Tooltips parent: index.md position: 140 categories:

• widgets

---

Tooltips

Tooltip hover, content types, and the <Tooltip> rich-content container.

Hover Test

Hover any of the following:

• Item image:
• Block image preview:
• Recipe:

• 3D preview (hover blocks to see a white 1-pixel outline + block name):

ItemStack Tooltip Toggle & Action

• Default (shows vanilla item tooltip):

• Tooltip disabled (noTooltip="true"):

• ItemLink (hover shows item tooltip + click navigates to the item's page if indexed):

• Plain text link (hover shows target-page tooltip, click navigates): Go to Markdown page —— you can also place next to a link for decoration.

• Markdown inline mix: bold / italic / strike / code / link

Tooltip Content Types

Verify different tooltip content types (hover to inspect):

Text tooltip (link title attribute -> TextTooltip):

• Plain text tooltip link
• Multi-line tooltip link
• Edge-adaptive tooltip test

ItemStack tooltip (item link -> ItemTooltip, reuses vanilla item tooltip):

• Regular item
• Food
• Enchanted item
• Potion

Item image tooltip (<ItemImage> shows vanilla item tooltip; <BlockImage> keeps scene hover tooltip + outline):

Recipe tooltip (each ingredient slot in a recipe can be hovered individually):

3D preview hover tooltip (hover a block to see its name + white outline):

Rich Content Tooltip (<Tooltip>)

Use <Tooltip label="..."> to wrap arbitrary MDX content as a hover trigger. The tooltip box auto-sizes to fit its content and flips against the screen edges like vanilla drawHoveringText.

Pure markdown rich text:

## Markdown heading A paragraph with **bold** and *italic* text.

• List item 1
• List item 2
• List item 3

Embedded ItemStack / BlockImage:

Contains diamond and diamond block.

Embedded recipe:

Furnace crafting recipe:

Embedded 3D preview (fixed parameters; tooltip box auto-sizes):

Mixed rich content:

### Mixed content Some explanatory text, followed by an item and a recipe:

Implemented tooltip types: TextTooltip (plain text), ItemTooltip (vanilla item tooltip), ContentTooltip (arbitrary MDX rich content — see <Tooltip> above).