NavigationVisual draft 0.1
Navigation Menu
Organizes primary destinations and richer route descriptions.
PatternComposed patternHTML first
01 / Preview
The current Angle direction.
02 / Decision
What this component must preserve.
Angle component decision
Keep the top level stable. Use expanded panels only when descriptions materially improve wayfinding.
03 / Anatomy
Parts with a specific job.
Root links
01Trigger
02Panel
03Destination groups
0404 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Keep the top level stable. Use expanded panels only when descriptions materially improve wayfinding.
Avoid
Do not copy the demonstration as a fixed screen. Preserve the interaction contract while composing for the product context.