Skip to component standard
Components

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 links01
Trigger02
Panel03
Destination groups04
04 / 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.