Tooltip [sw-tooltip]
Dica flutuante via JS — mais inteligente que o .tip só-CSS: reposiciona nas bordas da tela e pode seguir o cursor.
1. Posições
2. Cores sw-tooltip-clr
3. Modelo dia/noite fixo sw-tooltip-thm
Por padrão a dica se adapta ao tema atual do site (claro/escuro). Com sw-tooltip-thm="dia" ou sw-tooltip-thm="noite", o modelo fica travado — não muda mesmo se o tema geral do site (o botão de sol/lua, sw-day) for trocado. Alterne o tema no canto da tela e passe o mouse de novo pra ver.
4. Atraso e conteúdo em HTML
sw-tooltip-delay controla o tempo (ms) antes de exibir. sw-tooltip-html="true" interpreta o texto como HTML.
Referência
| Atributo | Padrão | Descrição |
|---|---|---|
sw-tooltip | — | Texto da dica (ativa o componente). |
sw-tooltip-pos | top | top | bottom | left | right |
sw-tooltip-delay | 250 | ms antes de exibir. |
sw-tooltip-html | false | Interpreta o texto como HTML. |
sw-tooltip-clr | — | Variante de cor: pri | sec | suc | inf | err. |
sw-tooltip-thm | — | dia | noite — trava o modelo claro/escuro da dica, independente do tema geral do site (sw-day). |
sw-tooltip-follow | false | Tooltip acompanha o cursor em vez de fixar na borda do elemento. |
SW.Tooltip.create/update/destroy(el, opts) | — | API programática. |