Tooltip

Exibe texto informativo ao passar o mouse sobre um elemento.

Uso

<script setup lang="ts">
import { Tooltip, Button } from '@halfbyte/maka'
</script>

<template>
  <Tooltip content="Salvar alterações">
    <Button>Salvar</Button>
  </Tooltip>
</template>

Posicionamento

<Tooltip content="Em cima" placement="top"><Button>Top</Button></Tooltip>
<Tooltip content="Embaixo" placement="bottom"><Button>Bottom</Button></Tooltip>
<Tooltip content="À esquerda" placement="left"><Button>Left</Button></Tooltip>
<Tooltip content="À direita" placement="right"><Button>Right</Button></Tooltip>

Props

Prop	Tipo	Padrão
content	string	obrigatório
placement	"top" | "bottom" | "left" | "right"	"top"
openDelay	number	200
closeDelay	number	0
disabled	boolean	false