Multiple ListGroup cannot expand / contract independently

[johnknapp]

• The Materialify left side nav has multiple ListGroup items toggle active independently.
  • I wish to do something similar
  • My guess would be for each ListGroup to bind to a distinct variable name.
  • This approach does not give me the desired result.
• The ListGroup documentation mentions "nested" but I am unable to achieve the desired result.
• My NavigationDrawer preference is {mini} but removing that does not help.

How can I achieve multiple collapsable ListGroups in one List?

[johnknapp]

Any thoughts on this @Florian-Schoenherr?

[Florian-Schoenherr]

I think the problem lies more in the implementation, so a REPL would be helpful (also for understanding the usecase better).

• LeftNavigationDrawer -> this is the version in the docs (which you've probably looked at)

If you want to have a Navigation, it should be pretty similar to this.
If not:

1. I don't know if the NavigationDrawer is the right place for it (depending on the usecase, might still make sense).
2. You would need to bind to each ListGroup's active prop with a distinct variable.

[Florian-Schoenherr]

btw. I'm all for Nested Navigation becoming a feature, but I already said that to too many things 😄