RHElements Accordion Heading Element

Dependencies

Make sure you have Polyserve and Web Component Tester installed.

npm install -g polyserve web-component-tester

Dev

npm start

Test

npm run test

Build

npm run build

Demo

Run npm start and the Polymer CLI will start a server and open your default browser to the demo page of the element.

Properties

expanded

Boolean value

Events

cp-accordion-change (fires)

This event is fired when the cp-accordion-heading element is clicked.

this.dispatchEvent(
  new CustomEvent('cp-accordion-change', {
    detail: { expanded: this.expanded },
    bubbles: true
  })
);

Code style

Accordion (and all RHElements) use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.