---
title: Tooltip
description: Displays helpful information in a small overlay when users hover or focus on an element. Use to provide additional context without cluttering the interface.
api_name: app-home
source_url:
  html: https://shopify.dev/docs/api/app-home/polaris-web-components/overlays/tooltip
  md: https://shopify.dev/docs/api/app-home/polaris-web-components/overlays/tooltip.md
---

# 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.

## Slots

* children

  HTMLElement

  The content of the Tooltip.

  Only accepts `Text`, `Paragraph` components, and raw `textContent`.

## Slots

* children

  HTMLElement

  The content of the Tooltip.

  Only accepts `Text`, `Paragraph` components, and raw `textContent`.

### Examples

* #### Code

  ##### Default

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