Page header

List and detail page titles with optional actions slot.

Preview

Interactive examples use the same @flux/ui build as production. Toggle theme in the header for light and dark. Motion tokens and layout patterns live under Motion and Patterns in the sidebar.

Live preview

Page title

Subtitle for this view.

Title only

No action row — copy-led header.

Installation

Add the package to your app (full Next.js + Tailwind steps on Installation):

npm install @payglocal_ui/flux-ui

Usage

Import

import { PageHeader, Button } from "@payglocal_ui/flux-ui";

Example

<PageHeader
  title="Transactions"
  subtitle="Recent transactions"
  actions={<Button size="sm">Export</Button>}
/>