Page Header

The opening of every screen. Title plus optional subtitle, back-link, and right-side action slot.

Title Only

Habits

<PageHeader title="Habits" />
With Subtitle + Action

Habits

Track the daily ones.

<PageHeader
  title="Habits"
  subtitle="Track the daily ones."
  action={<Button>New Habit</Button>}
/>
With Back Link
All workouts

Upper Body—Tuesday

<PageHeader
  title="Upper Body—Tuesday"
  back={{ href: "/workouts", label: "All workouts" }}
/>