Admin Page Header

admin-page-header

CSS-only

Module-tier page-header band. Sticky top band inside .

Role

This is a CSS-only structural stub — no JavaScript, no behavior. The shell host (<admin-shell>) styles it via tag-presence. Authors compose it with sibling bespoke children to express semantic shell-tier structure.

Composition

Typical placement inside <admin-shell>:

<admin-page> <admin-page-header> <header-ui> <span slot="heading">Page Title</span> <tab-list-ui slot="action">…tabs…</tab-list-ui> </header-ui> </admin-page-header> <admin-page-body>…</admin-page-body> </admin-page>

Slot vocabulary

See the admin-shell demo for the full composition pattern. CSS-only stubs declare slot intent; the parent shell handles layout.