Admin Page

admin-page

CSS-only

Module-tier page wrapper. Provides the page-content named container query.

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-scroll> <admin-page> <admin-page-header> <header-ui> <span slot="heading">Page Title</span> </header-ui> </admin-page-header> <admin-page-body> <section-ui>…content…</section-ui> </admin-page-body> </admin-page> </admin-scroll>

Slot vocabulary

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