Contact us
Get started

Directory

← Back

vaadin-accordion

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

Author

Contributors

Rating

Links

npm version Bower version Published on webcomponents.org Build Status Coverage Status Gitter

Available in Vaadin_Directory Stars in Vaadin_Directory

<vaadin-accordion>

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

Screenshot of vaadin-accordion

Example Usage

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

Compatibility

(Loading compatibility data...)

Last updated: 2019-05-31

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • 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
Released
2019-05-31
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 2.0+
Polymer 3.0+
Browser
Browser Independent
Online