spectrum-css icon indicating copy to clipboard operation
spectrum-css copied to clipboard

[Sidenav] Add optional(?) affordance for collapsible sections

Open castastrophe opened this issue 2 years ago • 2 comments

Description

It can be difficult as a consumer to recognize that a section is expandable when they are loaded in a collapsed state because there is no open/close affordance.

Why do you need this feature or component?

On the Spectrum Web Components site, this component is used for the side navigation. We have heard feedback from consumers that some of the sections were difficult to discover because the collapsible regions were hard to differentiate from the external links.

Additional context

Screen Shot 2022-09-27 at 1 09 52 PM

castastrophe avatar Sep 27 '22 17:09 castastrophe

I touched based with Design on 5/22/2023, they have previously discussed this and their recommendation is to "use Tree view instead for products that think the additional indication is needed! especially for SWC’s example where they’re mixing and matching the types"

jenndiaz avatar May 22 '23 18:05 jenndiaz

I did try to use the treeview but it really doesn't work for side navigation. The indentation is too extreme and it lacks many of the utility classes needed to indicate state on a navigation.

castastrophe avatar May 23 '23 13:05 castastrophe