Simplify Accordion custom summary example

[sissbruecker]

Vote to prioritize: add a 👍 reaction to help the community and maintainers prioritize this issue.

Tell us about your request

The example that is intended to show you how to add custom content to the summary is overly convoluted:

• without further interaction from the user, which involves filling out the form and clicking the continue button, no custom content is visible
• the example sets up three different forms, plus some logic to update the summary when the opened panel changes, which distracts from what you want to figure out: how to set some custom content

I would suggest to simplify this example to just add some static content to the summary, like a text with an icon, and remove the forms. If we want to demonstrate more complex use-cases around accordion, let's move those into a separate section / example.

[lkraav]

I would suggest to simplify this example to just add some static content to the summary, like a text with an icon, and remove the forms. If we want to demonstrate more complex use-cases around accordion, let's move those into a separate section / example.

Nice timing. We are just now looking to implement this summary system for our Checkout. Only after we had on our own figured out panel summary could be the solution, we discovered Vaadin Accordion had this example already for a long time - but noone noticed exactly as described in issue opener.

[web-padawan]

The example that is intended to show you how to add custom content to the summary is overly convoluted

This example exists mainly due to the lack of "stepper" component. Created an issue: vaadin/web-components#5582

[web-padawan]

Will be resolved by #2181.

[jouni]

@web-padawan, I think you meant to reference some PR or other issue, not this same one.

[web-padawan]

My bad 😅 I meant this PR where the summary is simplified: #4845