Directory

← Back

vaadin-accordion

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

Author

Contributors

Rating

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>

Links

Compatibility

(Loading compatibility data...)

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

  • @vaadin/element-base#^0.1.3
  • @vaadin/keyboard-direction-mixin#^0.1.2
  • @vaadin/slotted-items-mixin#^0.1.2
  • @vaadin/themable-element#^0.1.2
  • @vaadin/vaadin-lumo-styles#^1.5.0
  • @vaadin/vaadin-material-styles#^1.2.3
  • @vaadin/vaadin-themable-mixin#^1.5.2
  • @vaadin/vaadin-details#^2.0.0-alpha3
  • lit-element#^2.0.0
  • lit-html#^1.0.0
  • tslib#^1.10.0
Released
2019-12-23
Maturity
IMPORTED
License
Apache License 2.0

Compatibility

Framework
Polymer 3.0+ in 1.0.1
Polymer 2.0+ in 1.0.1
Browser
Browser Independent
Online