Tooltip
Dica curta revelada ao passar o cursor — rótulo de um ícone, atalho, esclarecimento.
Componente EletroDS —
Tooltip, usado no código como <MeTooltip>. No Figma, use o componente da Library.O Tooltip revela uma dica curta ao passar o cursor (ou focar) sobre um elemento — tipicamente o rótulo de um botão só-ícone (a action bar do Forehead e o ButtonBar usam). Nunca esconda informação essencial só no tooltip.
Variantes
| Quero… | Use |
|---|---|
| Posição | placement (top · right · bottom · left) |
| Setinha apontando | arrow |
No código
<MeTooltip> é um componente EletroDS. Doc técnica em eletro.design/components/tooltip. Aqui o foco é o uso em Design.
Acessibilidade
Não dependa só do hover — o tooltip precisa aparecer no foco por teclado também. Conteúdo essencial não pode viver só aqui (quem usa toque/teclado pode não alcançar). Para botão só-ícone, o tooltip complementa, mas o aria-label é o que garante o nome acessível.