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.
Anchor to slotsSlots
- Anchor to childrenchildrenHTMLElement
The content of the Tooltip.
Only accepts
Text
,Paragraph
components, and raw.
Was this section helpful?
Code
<s-tooltip id="bold-tooltip">Bold</s-tooltip>
<s-button interestFor="bold-tooltip" accessibilityLabel="Bold">B</s-button>
Examples
Code
Default
<s-tooltip id="bold-tooltip">Bold</s-tooltip> <s-button interestFor="bold-tooltip" accessibilityLabel="Bold">B</s-button>