OverlayTooltip

A short text that shows on hover and focus.

import { OverlayTooltip } from '@zairakai/vue-components/Overlay'

Usage

<OverlayTooltip />

Example

Saves the file

<template>
  <OverlayTooltip text="Saves the file">
    <button type="button">Save</button>
  </OverlayTooltip>
</template>

Props

Name	Type	Default	Description
id	string
class	string
text	string		The text of the tooltip. Use the content slot for anything richer.
placement	string	'top'
offset	number	8
delay	number	300	Milliseconds before a hover shows it. The focus shows it at once.
disabled	boolean	false

Slots

Name	Description
default
content

See Theming for the class hooks and the data-* state of the components.