Tooltip — Vuetify.js

Tooltip

O componente v-tooltip é útil para transmitir informações quando um usuário paira o mouse sobre um elemento. Você também pode controlar a exibição das tooltips programaticamente utilizando o v-model

Utilização

Tooltips can wrap any element.

API

props

slots

Nome

absolute

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

activator

Padrão

undefined

Tipos

any

Components.Tooltips.

Nome

allow-overflow

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

attach

Padrão

false

Tipos

any

Components.Tooltips.

Nome

bottom

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

close-delay

Padrão

200

Tipos

number | string

Atraso (em ms) depois do menu fechar (quando a propriedade open-on-hover está definida como verdadeira)

Nome

color

Padrão

undefined

Tipos

string

Components.Tooltips.

Nome

content-class

Padrão

undefined

Tipos

any

Components.Tooltips.

Nome

dark

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

debounce

Padrão

Tipos

number | string

Duração antes da tooltip ser mostrada e escondida quando estiver com o mouse pairado sobre

Nome

disabled

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

fixed

Padrão

true

Tipos

boolean

Components.Tooltips.

Nome

input-activator

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

lazy

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

left

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

light

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

max-width

Padrão

auto

Tipos

number | string

Components.Tooltips.

Nome

min-width

Padrão

undefined

Tipos

number | string

Components.Tooltips.

Nome

nudge-bottom

Padrão

Tipos

number | string

Components.Tooltips.

Nome

nudge-left

Padrão

Tipos

number | string

Components.Tooltips.

Nome

nudge-right

Padrão

Tipos

number | string

Components.Tooltips.

Nome

nudge-top

Padrão

Tipos

number | string

Components.Tooltips.

Nome

nudge-width

Padrão

Tipos

number | string

Components.Tooltips.

Nome

offset-overflow

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

open-delay

Padrão

200

Tipos

number | string

Atraso (em ms) depois do menu abrir (quando a propriedade open-on-hover está definida como verdadeira)

Nome

position-x

Padrão

undefined

Tipos

number

Components.Tooltips.

Nome

position-y

Padrão

undefined

Tipos

number

Components.Tooltips.

Nome

right

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

tag

Padrão

'span'

Tipos

string

Components.Tooltips.

Nome

top

Padrão

false

Tipos

boolean

Components.Tooltips.

Nome

transition

Padrão

undefined

Tipos

string

Components.Tooltips.

Nome

value

Padrão

undefined

Tipos

any

Controla visibilidade

Nome

z-index

Padrão

undefined

Tipos

any

Components.Tooltips.

Exemplos

Alinhamento

Uma tooltip pode ser alinhada em qualquer um dos quatro lados do elemento que fará sua ativação

Visibilidade

A visibilidade de uma tooltip pode ser mudada programaticamente usando o v-model.

Up Next

Edit this page | language on Github

— Contribution Guide