nbyati
commented
1 year ago 1. make sure that all atoms in the main "Side navigation" component are having all states to provide the possibility to build multi level collapsed and expanded nav
Done, created a variant w options to choose between Expanded Multi Level & Expanded Text. I also provided what it would look like in the pre-build variant.
2. properties may have flaws (e.g. dark mode value color scheme refers to white which is not correct)
Fixed & changed the dark mode color scheme to Dark. Let me know if this works & this is a common convention other designers would understand.
3. built examples have detached colors
Fixed & reattached the colors.
4. Explore the possibility if the prebuilt components (below the atoms) can be flexible enough to make the designer choose how extensive/deep the nav is.
Provided this option. I also added 10 more layers that are hidden that a designer can choose to show if their side nav is much more extensive. Each of the side nav components can be changed to expanded w more menu items &/or more text.
See survey results https://docs.google.com/presentation/d/1ekou3J2SY6XXj1asQVgnNJT4UXDhz6hAR_bmSnPmEbc/edit#slide=id.g18d0eacc774_0_60
Detaching of the component in case of Side Nav was caused by pre-build components limiting the amount of levels, sections.
As a Designer I would like to decide how many items are on a side nav, how many and how deep levels I provide.
Atom design: