Zum Hauptinhalt springen

Page header (per-page, XSS-safe)

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: App Shell & Navigation · Tier: light · Risk: low — structural pattern, no external services

A per-page header component (breadcrumbs, title, actions) rendered inside the main content area instead of a global header, keeping page-specific chrome scoped and safe against XSS.

When to use: Reach for it when a page needs a title, breadcrumbs, or action buttons without adding a site-wide header.

Docs

Code

  • src/lib/components/composites/page-header/ (GitHub · GitLab)

Machine-readable record: app-shell-page-header in mcp/patterns.registry.json.

← Back to Pattern Library

Geht dieses Pattern noch besser? Sag uns, wie.

Feedback geben