Hello everyone,
The accordion used to offer options for customizing the background and text colors of items, headers, content, etc. in their hover / interaction states. These settings no longer seem to be available, which has made the accordion significantly less flexible from a visual standpoint.
Is there a specific reason behind this change, or could this be a bug?
Thanks in advance!
Hello @mrdplusd,
Thanks for writing in!
In which part of the Accordion do you want to add a hover color?
At the moment, it is available for the Accordion Tab Header.
Best Regards.
Okay, thanks! I actually overlooked that part.
That being said, I’m not sure whether I’m misremembering things or if this functionality genuinely hasn’t existed so far, but currently the Accordion component still feels quite limited in terms of styling flexibility.
Within the Tabs Item, Header, and Content settings, it’s currently not possible to change background colors and border colors on hover (except for the header background of course), the way it generally works with most other elements. I’d really love to see full design freedom here, since in my opinion the Accordion is a very important UI component.
On top of that, it would also be amazing to have flexible styling options not only for hover states, but also for active states. For example, styling the currently opened Accordion tabs independently of whether they are being hovered or not.
At the moment, I’m solving this manually with custom CSS. Just meant as a constructive thought / feature suggestion.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
