ui/docs/content/6.overlays/4.tooltip.md

description, links

description	links
Display content that appears on hover next to an element.	label icon to GitHub i-simple-icons-github https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/overlays/Tooltip.vue

Usage

::component-example #default :tooltip-example #code

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

::

Slots

text

Use the #text slot to override the content of the text.

::component-card

slots: text: Hello World!

#text [Hello World!]{.italic} ::

Props

:component-props

Preset

:component-preset