PatternFly

Navigation

A navigation organizes an application's structure and content, making it easy to find information and accomplish tasks. Navigation communicates relationships, context, and actions a user can take within an application.

Demos

Default nav

Default nav screenshot

Grouped nav

Grouped nav screenshot

Expandable nav

Expandable nav screenshot

Horizontal nav

Horizontal nav screenshot

Horizontal subnav

Horizontal subnav screenshot

Horizontal nav with horizontal subnav

Horizontal nav with horizontal subnav screenshot

Tertiary nav (deprecated)

Tertiary nav (deprecated) screenshot

Light nav (deprecated)

Light nav (deprecated) screenshot

Manual nav

Manual nav screenshot

Flyout nav

Flyout nav screenshot

Drilldown nav

Drilldown nav screenshot

View source on GitHub