Tooltip | Stellar UI

Display content that appears on hover next to an element.

Usage

vue

<template>
  <STooltip text="Tooltip example" :shortcuts="['⌘', 'O']">
    <SButton color="gray" label="Hover me" />
  </STooltip>
</template>

Popper

Use the popper prop to customize the popper instance.

Arrow

vue

<template>
  <STooltip text="Tooltip example" :shortcuts="['⌘', 'O']" :popper="{ arrow: true }">
    <SButton color="gray" label="Hover me" />
  </STooltip>
</template>