Sobreposições
Dica flutuante
Tooltip
Uma pequena explicação que aparece ao passar o mouse ou focar um elemento.
Copiar para a área de transferência↖
Exemplo didático · Representação visual do padrão
Quando usar
Esclarecer o significado de um ícone ou termo curto.
Cuidados e acessibilidade
A dica também deve aparecer com foco de teclado. Não coloque botões dentro dela.
Partes e comportamento
Elemento de origem, texto curto e associação acessível entre a dica e o controle.
Não confunda
Popover pode conter controles; tooltip oferece uma explicação curta, sem interação interna.