Skip to content

docs: collapse component navigation groups by default - #2851

Open
Lisa18289 wants to merge 3 commits into
mainfrom
claude/github-issue-2822-a0f9a1
Open

docs: collapse component navigation groups by default#2851
Lisa18289 wants to merge 3 commits into
mainfrom
claude/github-issue-2822-a0f9a1

Conversation

@Lisa18289

@Lisa18289 Lisa18289 commented Aug 18, 2026

Copy link
Copy Markdown
Member

Closes #2822

Stacked on #2852 (NavigationGroup's new defaultExpanded prop) — please merge that one first, then this PR retargets to main.

Groups in the docs component navigation now start collapsed; only the group containing the active page is expanded. A toggle button in the section header expands or collapses all groups at once. Verified in desktop and mobile navigation.

defaultExpanded only applies on mount, so a group is remounted when the default it should follow changes (toggle pressed, or the active page moved into/out of the group).

Scope: the component navigation, as in the issue. Get Started, Foundations and Patterns keep the expanded default — their trees fit on one screen.

🤖 Generated with Claude Code

@Lisa18289 Lisa18289 added the update-screenshots Label a PR to update the screenshots used for visual regression testing label Aug 18, 2026
@github-actions github-actions Bot removed the update-screenshots Label a PR to update the screenshots used for visual regression testing label Aug 18, 2026
@github-actions

github-actions Bot commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

Coverage Report for ./packages/components/

Status Category Percentage Covered / Total
🔵 Lines 75.56% 600 / 794
🔵 Statements 75.46% 615 / 815
🔵 Functions 77.97% 131 / 168
🔵 Branches 65.85% 272 / 413
File CoverageNo changed files found.
Generated in workflow #6165 for commit 35812f3 by the Vitest Coverage Report Action

@github-actions

Copy link
Copy Markdown
Contributor

🚀 Preview Deployment

Preview environments are ready:

Type URL
docs pr-2851.docs.review.flow-components.de
storybook pr-2851.storybook.review.flow-components.de

Images:

  • docs: ghcr.io/mittwald/flow/docs:pr-2851
  • storybook: ghcr.io/mittwald/flow/storybook:pr-2851

@Lisa18289
Lisa18289 force-pushed the claude/github-issue-2822-a0f9a1 branch from 5bbd7ec to 257a4a4 Compare August 18, 2026 09:27
@Lisa18289
Lisa18289 changed the base branch from main to claude/navigation-group-default-expanded August 18, 2026 09:27
Base automatically changed from claude/navigation-group-default-expanded to main August 18, 2026 11:58
@maaaathis
maaaathis force-pushed the claude/github-issue-2822-a0f9a1 branch from 257a4a4 to 0f7a5f2 Compare August 18, 2026 11:58
@Lisa18289 Lisa18289 self-assigned this Aug 18, 2026
@Lisa18289
Lisa18289 force-pushed the claude/github-issue-2822-a0f9a1 branch from 0f7a5f2 to ee5d66d Compare August 18, 2026 12:34
@Lisa18289 Lisa18289 changed the title feat(docs): collapse component navigation groups by default docs: collapse component navigation groups by default Aug 19, 2026
@Lisa18289
Lisa18289 force-pushed the claude/github-issue-2822-a0f9a1 branch from ee5d66d to 8c8baab Compare August 19, 2026 04:53
Lisa18289 and others added 3 commits August 20, 2026 07:48
The component tree outgrew the fully expanded default. Groups now start
collapsed, which gives a one-glance overview of all groups; only the group
containing the active page opens. A toggle button in the section header
expands or collapses all groups at once.

Closes #2822

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
"Collapse all" closed every group, and a following navigation left the active
page's group closed too. The toggle now only applies on the page it was pressed
on, so navigating always reopens the group of the active page.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@Lisa18289
Lisa18289 force-pushed the claude/github-issue-2822-a0f9a1 branch from 8c8baab to 35812f3 Compare August 20, 2026 05:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Docs: collapse component navigation groups by default + opt-in expand/collapse-all toggle

1 participant