Documentation

Class: PfTooltip

PfTooltip

<pf-tooltip> element for Patternfly Web Components

new PfTooltip()

Properties:
Name Type Description
animation string

the animation class
target-selector string

the target element selector
placement string

left, right, top, bottom
delay number

animation delay (ms)
duration number

animation duration (ms)
container-selector string

the container element selector
Example
<pf-tooltip animation="fade" target-selector="#btn-left" placement="left" delay="100" duration="150" container-selector="#container"></pf-alert>

Members

animation

Set animation class

animation

Get the animation class

containerSelector

Get the tooltip container-selector

containerSelector

Set the tooltip container-selector

delay

Get the animation delay

delay

Set the animation delay

duration

Get the animation duration

duration

Set the animation duration

placement

Get the placement position

placement

Set placement position

targetSelector

Set target-selector

targetSelector

Get the target-selector

Methods

_checkPlacement()

check the placement of tooltip

_updatePlacement()

update the placement of tooltip

attributeChangedCallback(attrName, oldValue, newValue)

Called when element's attribute value has changed

Parameters:
Name Type Description
attrName string

The attribute name that has changed
oldValue string

The old attribute value
newValue string

The new attribute value

close()

The tooltip close method

connectedCallback()

Called when an instance was inserted into the document

init()

Reinitializes tooltip component with attribute values and resets content

open()

The tooltip open method

setInnerHtml(html)

Sets tooltip the inner HTML

Parameters:
Name Type Description
html string

string