PageHeader creates a calm top hierarchy for dashboards, settings pages, and product detail screens.

#Default usage

<PageHeader
  actions={<Button>New release</Button>}
  description="Review package health, pending changes, and release readiness."
  eyebrow="Workspace"
  title="Release overview"
/>

#Import

import { Button, PageHeader, PageHeaderActions } from "@froggdesign/enter-ui-react";

#Variants

#Accessibility

PageHeader renders a header and uses h1 for title. Use only one primary PageHeader per document view.

#API

• title, description, eyebrow, and actions define the standard slots.
• children render inside the content column.
• PageHeaderActions is available when actions need direct composition.
• Supports native header props and className.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.