Documentation

Class: PfAccordion

PfAccordion

<pf-accordion> element for Patternfly Web Components

new PfAccordion()

Called when an instance of the element is created

Properties:
Name Type Description
fixedHeight Boolean

Whether the accrodion is a fixed-height accordion
Example
<pf-accordion>
  <pf-accordion-panel>
    <pf-accordion-heading>
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" href="#">
          Collapsible Group Item #1
        </a>
      </h4>
    </pf-accordion-heading>
    <pf-accordion-template open>
      <pf-accordion-body>
        Collapse CONTENT 1
      </pf-accordion-body>
    </pf-accordion-template>
  </pf-accordion-panel>
  <pf-accordion-panel class="panel panel-primary">
    <pf-accordion-heading>
      <h4 class="panel-title">
        <a role="button" data-toggle="collapse" href="#">
          Collapsible Group Item #2
        </a>
      </h4>
    </pf-accordion-heading>
    <pf-accordion-template>
      <pf-accordion-body>
        Collapse CONTENT 2
      </pf-accordion-body>
    </pf-accordion-template>
  </pf-accordion-panel>
</pf-accordion>

Methods

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

connectedCallback()

Called when an instance was inserted into the document

disconnectedCallback()

Called when the element is removed from the DOM