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

## Usage

::component-example
#default
:tooltip-example
#code
```vue
<template>
  <UTooltip text="Tooltip example" :shortcuts="['⌘', 'O']">
    <UButton color="gray" label="Hover me" />
  </UTooltip>
</template>
```
::

## Props

:component-props

## Preset

:component-preset