export declare const tooltipsMdxTemplate = "---\ntitle: \"Tooltips\"\ndescription: \"Show contextual definitions and explanations when readers hover over a term.\"\ndate: \"2026-07-27\"\ncategory: \"Components\"\ncategoryOrder: 1\norder: 13\n---\n# Tooltips\n\nShow contextual definitions and explanations when readers hover over terms, abbreviations, or technical concepts.\n\nThe `Tooltip` component wraps a string of text and reveals a small bubble of additional context on hover or keyboard focus. Tooltips can include an optional headline and a call-to-action link.\n\nTooltips stay inside the viewport: when the wrapped term sits near a screen edge the bubble shifts to fit, and when there is no room above it flips below the term. On touch screens, tap the term to open the tooltip and tap anywhere else to dismiss it.\n\n## Usage\n\nYou can use the Tooltip component directly within your MDX files without any import:\n\n```html\nEvery API endpoint is documented on its own page.\n```\n\nEvery API endpoint is documented on its own page.\n\n## Headline and call to action\n\nAdd a bold headline above the tip text with `headline`, and append a link with `cta` and `href`. Internal links open in the same tab; external links open in a new one.\n\n```html\nTry the interactive playground to explore your endpoints.\n```\n\nTry the interactive playground to explore your endpoints.\n\n## Properties\n\n\n The text displayed in the tooltip.\n\n\n\n Bold text displayed above the tip text.\n\n\n\n The call-to-action text for a link inside the tooltip.\n\n\n\n URL for the call-to-action link. Required when using `cta`.\n\n\n\n The text that triggers the tooltip on hover or focus.\n";