New Design UI/UX
Switches
Accordions are vertically stacked interactive containers used to show and hide sections of content.
Target Area
The entire header area of an accordion should be clickable, not just the icon. This improves accessibility and makes the component easier to use, especially on touch devices. Users should be able to expand or collapse a section by clicking anywhere within the header.
Clicking the Entire Header Should Expand the Menu
Clicking anywhere within the header section should trigger the expansion of the accordion. Limiting the interaction to a small icon can create usability issues and make the component harder to interact with. A larger clickable area ensures a smoother and more intuitive user experience.
The entire header area of an accordion should be clickable, not just the icon. This improves accessibility and makes the component easier to use, especially on touch devices. Users should be able to expand or collapse a section by clicking anywhere within the header.
Clicking anywhere within the header section should trigger the expansion of the accordion. Limiting the interaction to a small icon can create usability issues and make the component harder to interact with. A larger clickable area ensures a smoother and more intuitive user experience.
New Design UI/UX
Accordions are vertically stacked interactive containers used to show and hide sections of content.