KasyKasy

Tooltip

Viewer ao vivo e documentação do componente Tooltip.

Sobre

Balão pequeno de texto informativo que aparece ao passar o mouse (web/desktop) ou segurar o dedo (toque) sobre o child. Usar para explicar ícones, controles ou textos truncados; manter o texto curto (1-2 linhas).

  • message: texto do tooltip (obrigatório).
  • child: o controle que dispara o tooltip.
  • placement: top (padrão), bottom, left ou right — lado para onde o balão abre, com a seta apontando de volta para o gatilho.
  • inverse: quando true, inverte o contraste do balão (escuro no tema claro, claro no tema escuro) em vez de seguir a superfície padrão.
  • showArrow: mostra/esconde a setinha apontando para o gatilho.
  • waitDuration: tempo de espera do hover antes do balão aparecer (padrão 400ms).
  • showDuration: tempo que o balão fica visível após um long-press antes de sumir sozinho (padrão 1500ms).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página