Skip to main content

Tooltip

Displays helpful information in a small overlay when users hover or focus on an element. Use to provide additional context without cluttering the interface.

HTMLElement

The content of the Tooltip.

Only accepts Text, Paragraph components, and raw textContent.

Was this section helpful?

Code

<s-tooltip id="bold-tooltip">Bold</s-tooltip>
<s-button interestFor="bold-tooltip" accessibilityLabel="Bold">B</s-button>

Preview