Tooltip

Grátis

Iniciante

Tooltip

As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

Willian Matiola

32 min

0 pts

Componente

Doamos 20% do valor de cada aula exclusiva que você adquire ou de qualquer valor doado nas aulas gratuitas. Confira o portal de Transparência.

*O preço final pode variar um pouco de acordo com a taxa de IOF cobrada pela plataforma de pagamentos.

Sobre

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

  • Tópicos abordados

    • Intro

    • Definição

    • Anatomia

    • Localizações

    • Tooltips vs Popup Tips

    • Toggletip, Popover…

    • Exemplos de Tooltips

    • Como usar Tooltips

    • Prática no Figma

    • Intro

    • Definição

    • Anatomia

    • Localizações

    • Tooltips vs Popup Tips

    • Toggletip, Popover…

    • Exemplos de Tooltips

    • Como usar Tooltips

    • Prática no Figma

    • Intro

    • Definição

    • Anatomia

    • Localizações

    • Tooltips vs Popup Tips

    • Toggletip, Popover…

    • Exemplos de Tooltips

    • Como usar Tooltips

    • Prática no Figma

Assista em seguida

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

550

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se: