Tooltip
O componente tooltip serve para dar informações opcionais à pessoa usuária de forma simples e clara. Diferentemente do title, o tooltip é mais dinâmico, rápido e estilizado, mas seus propósitos são similares. Não se deve usar o tooltip sempre tampouco com informações complexas.
Playground
Propriedades
Nome (* = obrigatório) | Tipo | Valores | Descrição |
|---|---|---|---|
children * | JSX.Element |
| O elemento ao qual o Tooltip fará referência. |
title * | string |
| Conteúdo interno. |
placement | TooltipPlacement |
| O local do Tooltip relativo ao seu conteúdo (children). |
offset | SpacingToken |
| A distância entre o tooltip e seu conteúdo de referência. |
trigger | TooltipTrigger |
| O evento-gatilho que faz o Tooltip aparecer. |
open | boolean |
| Se o tooltip está ou não aberto. Esse valor deve ser usado quando se deseja usar o Tooltip de forma controlada (controlled). |
isAutoUpdate | boolean |
| Adiciona listeners que chamam automaticamente uma função de atualização quando necessário para que o elemento flutuante permaneça ancorado ao elemento de referência em uma variedade de cenários sem desanexar. |
isLockedFocus | boolean |
| Se verdadeiro, significa que o foco está totalmente preso dentro do elemento flutuante e o conteúdo externo não pode ser acessado. Isso inclui cursores virtuais do leitor de tela. |
customProps | {title?: TypographyProps;} | Adiciona propriedades específicas para elementos filhos. | |
asPortal | boolean |
| Define se o componente será criado com um Portal, fora do nó principal da aplicação e dentro do |
Métodos
Nome (* = obrigatório) | Tipo | Descrição |
|---|---|---|
onDismiss | function | Função invocada quando o Tooltip é dispensado por comportamentos padrão de interação. |