Português:
O Tooltip Custom transforma o atributo "title" de qualquer elemento do seu app Bubble em um tooltip premium, elegante e totalmente responsivo — sem precisar adicionar nada em cada elemento individualmente.

Basta escrever o texto no campo "title" (na aba Appearance do elemento) e o tooltip aparece automaticamente, com animação suave, posicionamento inteligente (nunca sai da tela) e um dos 8 temas visuais premium.

Destaques:

Funciona sozinho: nenhum elemento extra é necessário. Basta preencher o "title".

Tema dark premium por padrão: mesmo sem configurar nada, todos os tooltips já nascem com um visual escuro moderno, fonte branca e posicionamento automático (em cima, embaixo ou ao lado, conforme o espaço da tela).

Elemento opcional "Tooltip Theme Manager": adicione este elemento invisível a uma página (ex: um Reusable Header) para escolher o tema em um dropdown (Premium, Midnight, Ocean, Sunset, Emerald, Minimal, Corporate, Glass) e ajustar cor de destaque, posição, animação, seta, atraso e mais — tudo aplicado ao app inteiro, inclusive aos tooltips já abertos.

Sintaxe avançada opcional: "[posição, no-arrow, no-animation, interactive]Texto" permite sobrescrever posição, seta, animação ou interatividade em um elemento específico, sem afetar os demais.

100% responsivo: o tooltip nunca ultrapassa a largura da tela, o texto quebra corretamente e o toque em dispositivos móveis é tratado com "long-press" para não atrapalhar cliques normais.

Acessível: respeita "prefers-reduced-motion" e permite conteúdo interativo (links dentro do próprio tooltip).


English:

Tooltip Custom turns the "title" attribute of any element in your Bubble app into a premium, elegant and fully responsive tooltip — no need to add anything to each element individually.

Just type the text into the element's "title" field (Appearance tab) and the tooltip appears automatically, with smooth animation, smart positioning (it never overflows the viewport) and one of 8 premium visual themes.

Highlights:

Works out of the box: no extra element required. Just fill in "title".

Dark premium theme by default: with zero configuration, every tooltip already looks modern — dark surface, white type and automatic placement (top, bottom or side, depending on available screen space).

Optional "Tooltip Theme Manager" element: drop this invisible element on a page (e.g. a Reusable Header) to pick a theme from a dropdown (Premium, Midnight, Ocean, Sunset, Emerald, Minimal, Corporate, Glass) and fine-tune accent color, placement, animation, arrow, delay and more — applied app-wide, live, even to tooltips already open.

Optional advanced syntax: "[placement, no-arrow, no-animation, interactive]Text" overrides placement, arrow, animation or interactivity on a single element, without affecting the rest.

100% responsive: the tooltip never overflows the viewport, text wraps correctly, and touch devices use long-press so normal taps/clicks keep working.

Accessible: respects "prefers-reduced-motion" and supports interactive content (clickable links inside the tooltip itself).