Kanshō/Page header

Page header

Sits below the top nav. Carries the page title, status, meta dl, primary actions, and an optional tab strip. A tab with an href is route navigation (aria-current="page"); a tab with onSelect switches the view in place (aria-current="true"); a tab with neither renders as an inert static preview.

Included in the single kansho full pack. Components are not offered as separate installs.

Default

Tabs wired as in-page view switches

M-2014 · Audit log compaction

Running

Compact the operator audit log table into hourly aggregates and ship the diff to the staging warehouse.

Owner
A. Operator
Branch
audit/m-2014
Tokens
182k / 250k
Cost
$1.92
Showing overview.

Compact

Settings-style density

Workspace settings

Quiet header for utility surfaces.

Breadcrumb-only

Standalone use

Component documentation

Page Header

components/shell/page-header.tsx

Purpose

Composes a page title, supporting context, actions, metadata, badge, and local tabs.

Appropriate use

Use at the top of a product page when its hierarchy and primary actions need a consistent responsive layout.

Example

components/shell/page-header.tsx has a representative live example in the "Default" section on /components/page-header.

States

Supports default or compact density, optional subtitle, metadata, badge, actions, and link, button, or inert-preview tabs with active state and counts.

API and props

PageHeader accepts title, subtitle, meta, badge, actions, tabs, density, and className; the module also re-exports Breadcrumb for separate composition.

Dependencies

React, Breadcrumb, and the Kansho cn utility.

Accessibility

Uses a visible h1, native links or buttons for interactive tabs, inert spans for preview-only tabs, and aria-current for the active tab.

Limitations

It does not own routing, tab-panel relationships, or responsive action overflow; callers must implement those behaviours.

Source

Source: components/shell/page-header.tsx.

Full pack

components/shell/page-header.tsx is documented at /components/page-header and installs only through the single Kansho full pack; no individual component install is offered.