Overlays

Tooltip

Non-interactive contextual label shown from pointer or keyboard focus.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Hover or focus

Text

<m-tooltip
  text="Copy component name"
>
  <m-button
    variant="outlined"
  >
    Hover or focus
  </m-button>
</m-tooltip>

Props, slots, and events are extracted from the current public UI Kit contract.

MTooltip

Overlay family

src/runtime/components/ui/tooltip

NameTypeDefault

text

string''

MTooltip does not emit component-specific events. Native events fall through to its root element.