Tooltip
Visão Geral
Design System
Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.
Exemplos
Densidade
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Posição
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Estado
Copiar código
Resetar exemplo
Abrir no StackBlitz
Alternar fundo do preview
Propriedades
customId
| Atributo | custom-id |
| Descrição | Identificador único do tooltip; gerado automaticamente quando omitido. |
| Tipo | string |
| Valor padrão | Helpers.generateUniqueId() |
density
| Atributo | density |
| Descrição | Densidade do tooltip: controla compacidade do conteúdo. |
| Tipo | "large" | "medium" | "small" |
| Valor padrão | 'medium' |
hideDelay
| Atributo | hide-delay |
| Descrição | Atraso em milissegundos antes de ocultar. |
| Tipo | number |
| Valor padrão | null |
isAutoVisible
| Atributo | is-auto-visible |
| Descrição | Exibe automaticamente sem interação quando true; caso contrário, depende do acionador. |
| Tipo | boolean |
| Valor padrão | false |
position
| Atributo | position |
| Descrição | Posição do tooltip em relação ao acionador. |
| Tipo | "bottom" | "left" | "right" | "top" |
| Valor padrão | 'top' |
showDelay
| Atributo | show-delay |
| Descrição | Atraso em milissegundos antes de exibir. |
| Tipo | number |
| Valor padrão | null |
state
| Atributo | state |
| Descrição | Estado visual do tooltip: 'info', 'warning', 'error' ou 'success'. |
| Tipo | "error" | "info" | "success" | "warning" |
| Valor padrão | 'info' |
type
| Atributo | type |
| Descrição | Tipo do tooltip: 'standard' (simples) ou 'popover' (mais rico, com fechamento por interação). |
| Tipo | "popover" | "standard" |
| Valor padrão | 'standard' |
Slots
| Nome | Descrição |
|---|---|
"content" | Slot para o conteúdo exibido no tooltip. |
"trigger" | Slot para o elemento que aciona a exibição do tooltip. |
Eventos
| Evento | Descrição | Propagação |
|---|---|---|
brDidClose | Emitido quando o tooltip fecha. | true |
brDidOpen | Emitido quando o tooltip abre. | true |