--- description: Show glossary term definitions on hover. title: Glossary tooltip image: https://developers.cloudflare.com/style-guide/build-the-page/components/glossary-tooltip/og.png?v=cf83f26c12fd46ad --- [Skip to content](#main-content) > Documentation Index > Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt > Use this file to discover all available pages before exploring further. # Glossary tooltip Last updated Aug 20, 2026|Copy as Markdown| [View as Markdown](https://developers.cloudflare.com/style-guide/build-the-page/components/glossary-tooltip/index.md)| [Agent setup](https://developers.cloudflare.com/agent-setup/) The `GlossaryTooltip` component is used `668` times on `455` pages.

See all examples of pages that use GlossaryTooltip

Use this component to add tooltips to words in your markdown files. The info for the tooltips is pulled in from the glossary yaml file. `term` specifies which glossary entry you want to pull information from. The text between the opening and closing components is the word or words that you want to define with the glossary entry. ## Component ```mdx import { GlossaryTooltip } from "~/components" Hover over me! ``` ## Glossary ```yaml productName: Style Guide entries: - term: example general_definition: |- Hello, world! You can use **Markdown** features inside of your `tooltips`. ``` Was this helpful? YesNo ## On this page [![](https://developers.cloudflare.com/_astro/logo.te5VL_aD.svg)Docs](https://developers.cloudflare.com/) ```json {"@context":"https://schema.org","@type":"TechArticle","@id":"https://developers.cloudflare.com/style-guide/build-the-page/components/glossary-tooltip/#page","headline":"Glossary tooltip","description":"Show glossary term definitions on hover.","url":"https://developers.cloudflare.com/style-guide/build-the-page/components/glossary-tooltip/","inLanguage":"en","image":"https://developers.cloudflare.com/style-guide/build-the-page/components/glossary-tooltip/og.png?v=cf83f26c12fd46ad","dateModified":"2026-08-20","publisher":{"@type":"Organization","name":"Cloudflare","description":"One platform for your apps, agents, and workforce. Build, secure, and scale without managing infrastructure","url":"https://www.cloudflare.com/","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"],"logo":{"@type":"ImageObject","url":"https://developers.cloudflare.com/logo.svg"},"address":{"@type":"PostalAddress","streetAddress":"101 Townsend St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","contactType":"Customer Support","url":"https://support.cloudflare.com/","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"Sales","url":"https://www.cloudflare.com/contact/","availableLanguage":["English"]}]},"isPartOf":{"@type":"WebSite","@id":"https://developers.cloudflare.com/#website","name":"Cloudflare Docs","url":"https://developers.cloudflare.com/"}} ```