STooltip <s-tooltip>

import { STooltip } from 'polaris-vue-elements'

Example

Hover or focus the button below to reveal the tooltip — it activates via interestFor, not a click.

Hover or focus meExtra context shown on hover or focus.

<script setup>
import { SButton, SText, STooltip } from 'polaris-vue-elements'
</script>

<template>
  <!-- interestFor activates the target on hover/focus, unlike commandFor which
       requires a click/activation. -->
  <SButton interestFor="example-tooltip">Hover or focus me</SButton>

  <STooltip id="example-tooltip">
    <SText>Extra context shown on hover or focus.</SText>
  </STooltip>
</template>

Props

Prop	Type	Description
id	string	A unique identifier for the element.

Slots

Slot	Description
default	The informational text or elements displayed within the tooltip overlay, providing helpful context or explanations when users interact with the associated element. Only accepts text, paragraph components, and raw textContent.