Show Palette categories in an accordion

[ripla]

According to the UX design the top-level categories should be shown in an accordion.

• Colour changes when opened/closed
• Icons for categories

[ripla]

Design ideas from Jouni, to act as a starting point:
Start with a standalone details element & collapsible container. See <details> HTML element.

<vaadin-details open>
  <h4 slot="summary">Header for the content</h4>
  <p>The actual content that is hidden/revealed.</p>
</vaadin-details>

After that create a grouping element -> accordion.

<vaadin-details-group allow-multiple-open>
  <vaadin-details>…</vaadin-details>
  <vaadin-details>…</vaadin-details>
  <vaadin-details>…</vaadin-details>
</vaadin-details-group>

[ripla]

Note that #1618 was estimated based on previous work in this card.

[ripla]

Components team ticket on the same issue vaadin/vaadin-core#80

[stale]

Hello there!

It looks like this issue hasn't progressed lately. There are so many issues that we just can't deal them all within a reasonable timeframe.

There are a few things you could help to get things rolling on this issue (this is an automated message, so expect that some of these are already in use):

• Check if the issue is still valid for the latest version. There are many duplicates in our issue tracker, so it is possible that the issue is already tackled.
• Provide more details how to reproduce the issue.
• Explain why it is important to get this issue fixed and politely draw others attention to it e.g. via the forum or social media.
• Add a reduced test case about the issue, so it is easier for somebody to start working on a solution.
• If the issue is clearly a bug, use the Warranty in your Vaadin subscription to raise its priority.

Thanks again for your contributions! Even though we haven't been able to get this issue fixed, we hope you to report your findings and enhancement ideas in the future too!

[stale]

The issue was automatically closed due to inactivity. If you found some new details please comment on the issue so that maintainers can re-open it.