Documentation

Class: PfPopover

PfPopover

<pf-popover> element for Patternfly Web Components

new PfPopover()

An instance of the element is created or upgraded

Properties:
Name Type Description
animation string

the animation class
target-selector string

the target element selector
placement string

left, right, top, bottom
popover-title string

the title of popover
dismissible string

true, false
delay number

animation delay (ms)
duration number

animation duration (ms)
container-selector string

the container element selector
Example
<pf-popover animation="fade" target-selector="#btn-left" placement="left" delay="100" duration="150" popover-title="Popover Title" dismissible="true" container-selector="#container"></pf-alert>

Members

animation

Set animation class

animation

Get the animation class

containerSelector

Set the popover container-selector

containerSelector

Get the popover container-selector

delay

Set the animation delay

delay

Get the animation delay

duration

Set the animation duration

duration

Get the animation duration

placement

Get the placement this._placement

placement

Set placement this._placement

popoverTitle

Get the popover-title

popoverTitle

Set popover-title

targetSelector

Get the target-selector

targetSelector

Set target-selector

Methods

_checkPlacement()

check the placement of popover

_updatePlacement()

update the placement of popover

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 popover close method

connectedCallback()

Called when an instance was inserted into the document

init()

Reinitializes popover component with attribute values and resets content

open()

The popover open method

setInnerHtml(html)

Sets popover the inner HTML

Parameters:
Name Type Description
html string

string

toggle()

public handler