@php $examples = [ 'Navigation bar' => <<<'BLADE'

Compact: icon over label

The page

From 600px wide: icon beside label, centred

The page

Hide on scroll: scroll the page down, then up

The bar follows the window's scrolling, not this box's: scroll the showcase down and it leaves, scroll up and it springs back. It stays while a snackbar or a bottom sheet is on screen.

Tall (80px): icon over label whatever the width

The page
BLADE, 'Collapsed, narrow (centred) and expanded rails' => <<<'BLADE'
BLADE, 'Collapsible rail' => <<<'BLADE'
Mail
The menu button collapses and expands the rail, and the FAB morphs into an extended FAB with it. The choice is remembered and applied before the next page paints — every collapsible rail follows it, <x-scaffold>'s from expanded (840px) too.
BLADE, 'Rail that hides when collapsed' => <<<'BLADE'
Studio

M3's other expanded behaviour: collapsing this rail takes it out of the layout instead of narrowing it to 96px, so an immersive page gets the whole window. The only way back is a menu button of the application's own — its own button then docks it again.

BLADE, ]; @endphp