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.

Examples

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

Tertiary nav screenshot

Light theme sidebar and nav

Light theme sidebar and nav screenshot

View source on GitHub