Page header

A bare title + actions row for use inside a container. Unlike .c-toolbar (which has padding, border, and a surface background for shell-level bars), .c-page-header has no chrome — no background, no border, no padding. It eliminates the ~65px of dead space that .c-toolbar creates when nested inside .l-container.

Basic

Queue

Content below the header sits flush — no extra padding gap.

With subtitle

Operator queue

12 pending · 3 in progress · 2 overdue

Above a data table

Accounts

247 total
Account MRR
Acme Ops $2,400
Northwind $8,100

Wrapping on narrow containers

Settings