Skip to main content

Navigation structure & progressive disclosure

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: App Shell & Navigation · Tier: light · Risk: low — structural pattern, no external services

Structures nav items as compound split buttons — a primary click zone that navigates and a dropdown zone that progressively reveals subpages or section anchors.

When to use: Reach for it when adding a new top-level navigation item or deciding how its children should be disclosed.

Docs

Code


Machine-readable record: app-shell-navigation in mcp/patterns.registry.json.

← Back to Pattern Library

Think this pattern could be better? Tell us how.

Leave feedback