Dica de ferramenta vs. Cartão de passagem

Uma tooltip é uma nota curta sobre um controle. Ela abre quando o mouse passa por cima ou o teclado foca no controle. As pessoas não podem usá-la como um botão.

Quando um botão de ícone recebe foco do teclado, “Copiar link” aparece. O foco permanece no botão.

Use-o quando

Use-o para explicar um rótulo de controle curto tanto ao passar o mouse quanto ao focar com o teclado.

Não o use quando

Nunca coloque ações, instruções obrigatórias ou conteúdo longo dentro de uma dica de ferramenta.

Nome usado no código

role="tooltip"

Um hover card é uma preview rica. Ele abre quando você passa o mouse ou foca numa referência, sem bloquear a página.

Passe o mouse sobre o nome de um autor para ver uma pequena biografia e a contagem de seguidores. O perfil completo permanece fechado.

Use-o quando

Use-o para detalhes de visualização opcionais que ajudam as pessoas a escolher para onde ir em seguida.

Não o use quando

Nunca esconda informações obrigatórias atrás de hover, porque dispositivos de toque podem não abri-las de forma confiável.

Nome usado no código

HoverCard