Simple PFElement Constructor

simple-pfelement-constructor.js

// the location of pfelement.js may be different if you're not building an element in the
// PatternFly elements repository
import PFElement from "../pfelement/pfelement.js";

class MySimplePfelement extends PFElement {
  constructor() {
    // make sure we call super() first with the class we're using
    // as the first argument
    super(MySimplePfelement);
    
    // example state data
    this.opened = false;
    
    // example binding of this to a private method
    this._clickHandler = this._clickHandler.bind(this);
    
    // example event listener
    this.addEventListener("click", this._clickHandler);
  }
  
  _clickHandler(event) {
   // handle the click event 
  }
}