Skip to content

Tooltip

Hover-triggered text tooltip with four placements.

Basic Usage

vue
<template>
  <MTooltip content="This is a tooltip">
    <button>Hover me</button>
  </MTooltip>
</template>

Placement

Props

NameTypeDefaultDescription
contentstring-Tooltip text
placement'top' | 'bottom' | 'left' | 'right''top'Placement
disabledbooleanfalseDisable tooltip

Slots

NameDescription
defaultTrigger element

Released under the MIT License.