topology - need guidance on responsive toolbars

[nicolethoen]

Topology's TopologyView.tsx creates a Toolbar component and simply provides props for the consumer to define the items to place in the toolbar (via the contextToolbar and the viewToolbar).

In consumers simple began packing ToolbarItems into these props, then they could end up with an unresponsive Toolbar, which would wrap weirdly.

More guidance should be provided for how to use the props in the TopologyView to create a responsive toolbar - especially with ToolbarToggleGroups and OverflowMenus.

Currently, Dev Sandbox has a topology toolbar which appears the following way on mobile views:

Additionally, I don't know if people are wanting to see a ToolbarFilter on their Topology toolbars, which would display applied filters as chips below the Toolbar controls. If so, guidance or even an update to the Topology view might be needed.