Skip to content

New component: Secondary Nav (Sidebar expansion) - #262

Open
zoharma wants to merge 3 commits into
mainfrom
zma/sidebar-expansion
Open

New component: Secondary Nav (Sidebar expansion)#262
zoharma wants to merge 3 commits into
mainfrom
zma/sidebar-expansion

Conversation

@zoharma

@zoharma zoharma commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

Issue: #274

This proposed changes rely on #210.

Added a SecondaryNav panel that sits alongside SidebarNav, with support for a title, search, and grouped or expandable lists. Also added NavigationLayout, which combines both navigation panels and handles responsive behaviour automatically, showing them side by side on desktop and switching between them on mobile.

The secondary navigation uses compact rows and the same rounded selection style as the primary sidebar. Shared navigation types have been moved to navigation/types.ts.

Also added history for back button

@zoharma
zoharma force-pushed the zma/sidebar-expansion branch from bc74614 to 02a980e Compare August 3, 2026 14:59
@zoharma
zoharma requested a review from douglaswinter August 3, 2026 15:02
@zoharma
zoharma marked this pull request as ready for review August 3, 2026 15:02
@zoharma
zoharma marked this pull request as draft August 4, 2026 09:13
@zoharma
zoharma marked this pull request as ready for review August 4, 2026 14:07
@zoharma zoharma added the v0.6.3 label Aug 4, 2026
@zoharma
zoharma force-pushed the zma/sidebar-expansion branch from 02a980e to b0bbd36 Compare August 6, 2026 11:32
@zoharma
zoharma requested a review from a team August 6, 2026 11:32
…vigation

- Introduce `SecondaryNav` and `NavigationLayout` components to support a secondary, contextual navigation panel alongside the primary SidebarNav.
- Extract shared `LinkProps` into types.ts so both nav components can reuse it.
@zoharma
zoharma force-pushed the zma/sidebar-expansion branch 2 times, most recently from 7dd29e9 to 191232a Compare August 11, 2026 13:54
… presentation

- fixed `WithAppBar` story: selection state was hardcoded to "Acquisition" and now fixed.
- Split `SecondaryNav` content from its responsive layout, making it reusable (such as in modals).
- Fixed mobile navigation so selecting a secondary item closes both sidebars and shows the main content.
- Updated tests and stories.
@zoharma
zoharma force-pushed the zma/sidebar-expansion branch from 191232a to 08739a2 Compare August 11, 2026 13:56
@zoharma

zoharma commented Aug 11, 2026

Copy link
Copy Markdown
Contributor Author

@douglaswinter Have updated a few things:

  • Fixed WithAppBar story: selection state was hardcoded to "Acquisition" and now fixed.
  • Split SecondaryNav content from its responsive layout (added to NavigationLayout), making it reusable (such as in modals)
  • Fixed mobile navigation so selecting a secondary item closes both sidebars and shows the main content.
  • Updated tests and stories.
  • Fixed how NavigationLayout looks and works on the docs page

@zoharma
zoharma force-pushed the zma/sidebar-expansion branch from 75332bf to eb52c53 Compare August 11, 2026 15:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New components: SecondaryNav and NavigationLayout for contextual secondary navigation

1 participant