API

Designate a custom activator when the activator slot is not used. String can be any valid querySelector and Object can be any valid Node

Name

allow-overflow

Default

false

Type

Boolean

Removes overflow re-positioning for the content

Name

attach

Default

false

Type

Any

Specifies which DOM element that this component should detach to. Use either a CSS selector string or an object reference to the element.

Name

bottom

Default

false

Type

Boolean

Align the component towards the bottom

Name

close-delay

Default

200

Type

Number, String

Delay (in ms) after which menu closes (when open-on-hover prop is set to true)

Name

color

Default

undefined

Type

String

Applies specified color to the control

Name

content-class

Default

undefined

Type

Any

Applies a custom class to the detached element. This is useful because the content is moved to the end of the app and is not targettable by classes passed directly on the component.

Name

dark

Default

false

Type

Boolean

Applies the dark theme variant

Name

debounce

Default

0

Type

Number, String

Duration before tooltip is shown and hidden when hovered

Name

disabled

Default

false

Type

Boolean

MISSING DESCRIPTION

Name

fixed

Default

true

Type

Boolean

Position the element fixed

Name

lazy

Default

false

Type

Boolean

Conditionally renders content on mounted. Will only render content if activated

Name

left

Default

false

Type

Boolean

Align the component towards the left

Name

light

Default

false

Type

Boolean

Applies the light theme variant

Name

max-width

Default

auto

Type

Number, String

Sets the maximum width for the content

Name

min-width

Default

undefined

Type

Number, String

Sets the minimum width for the content

Name

nudge-bottom

Default

0

Type

Number

Nudge the content to the bottom

Name

nudge-left

Default

0

Type

Number, String

Nudge the content to the left

Name

nudge-right

Default

0

Type

Number, String

Nudge the content to the right

Name

nudge-top

Default

0

Type

Number, String

Nudge the content to the top

Name

nudge-width

Default

0

Type

Number, String

Nudge the content width

Name

offset-overflow

Default

false

Type

Boolean

Causes the component to flip to the opposite side when repositioned due to overflow

Name

open-delay

Default

200

Type

Number, String

Delay (in ms) after which menu opens (when open-on-hover prop is set to true)

Name

position-x

Default

undefined

Type

Number

Used to position the content when not using an activator slot

Name

position-y

Default

undefined

Type

Number

Used to position the content when not using an activator slot

Name

right

Default

false

Type

Boolean

Align the component towards the right

Name

tag

Default

span

Type

String

MISSING DESCRIPTION

Name

top

Default

false

Type

Boolean

Align the content towards the top

Name

transition

Default

undefined

Type

String

MISSING DESCRIPTION

Name

value

Default

undefined

Type

Any

Controls visibility

Name

z-index

Default

undefined

Type

Any

The z-index used for the component

Name

activator

When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation

Name

default

Default Vue slot

Examples

Alignment

Tooltip can be aligned to any of the four sides of the activator element