Skip to main content

Tooltip

A diretiva tooltip deve ser usada para criar visualizações de titles.

Ativando

<a href="#" uglTooltip>Link</a>

Atributos aceitos na tag

AtributoInput/OutputTipoObrigatórioValores padrões
uglTooltip@InputObjectSim, mas não precisa passar valores-
uglTooltipTitle@InputStringSim-
Atributo [uglTooltip]

O uglTooltip é um valor declarativo, então ele é obrigatório. Porém, ele ainda aceita alguns valores para formatar a disposição do tooltip. Para tal, basta informar o objeto: {placement: 'left', trigger: 'click'}.

Atributos aceitos no atributo uglTooltip

AtributoValores permitidosValores padrões
placementleft, center, rightleft
triggerclick, hoverhover

Implementando

<div uglTooltip [uglTooltipTitle]="Title">Content</div>

Com placement:

<div [uglTooltip]="{placement: 'left', trigger: 'click'}"
[uglTooltipTitle]="Title">Content</div>