vaadin-accordion | Vaadin

The Web Component for expandable panels. Part of the Vaadin components.

npm version Bower version Published on Build Status Coverage Status Gitter

Available in Vaadin_Directory Stars in Vaadin_Directory


<vaadin-accordion> is a Web Component providing accordion functionality, part of the Vaadin components.

Screenshot of vaadin-accordion

Example Usage

  <vaadin-accordion-panel theme="filled">
    <div slot="summary">Accordion Panel 1</div>
    <div>Accordion is a set of expandable sections.</div>
  <vaadin-accordion-panel theme="filled">
    <div slot="summary">Accordion Panel 2</div>
    <div>Only one accordion panel can be opened.</div>


Link to this version
ImportedReleased 31 May 2019Apache License 2.0
Framework Support
Polymer 2.0+
Polymer 3.0+
Browser Independent
Install with
bower install --save vaadin/vaadin-accordion"#1.0.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1


  • polymer#^2.0.0
  • vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.0
  • vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
  • vaadin-details#vaadin/vaadin-details#^1.0.0
  • vaadin-lumo-styles#vaadin/vaadin-lumo-styles#^1.4.1
  • vaadin-material-styles#vaadin/vaadin-material-styles#^1.2.0