Layouts

Six arrangements of the same shell. The choice is remembered, and every page in the demo uses it, so pick one and keep reading.

Application

The default. Grouped navigation with icons, and plus-minus disclosure.

In use

Sectioned

Several titled sections, sentence case, chevron disclosure.

Documentation

A version switcher and a sidebar search, over a flat list with no icons.

Documentation, collapsible

The same, with each section able to fold away.

Documentation, marked

Sections open, and the current page marked with a rule rather than a fill.

Icon rail

Icons only, for a dense application where the labels are learned.