Accordion or expansion panel

[ramiroaznar]

Problem

As a Airship user, I found hard to organize the content of my sidebars and map panels in a clean and light way.

Proposed solution

Accordions or expansion panels are a perfect solution for this.

<as-expansion-panel header="Legends">
  <div class="as-box">
    <as-category-legend orientation="vertical">
    </as-category-legend>
  </div>
</as-expansion-panel>

Extra info

Other frameworks have something similar:

https://material-ui.com/components/expansion-panels/
https://material.angular.io/components/expansion/overview

And of course, it is a resource very used on the web: