Komponen / Tata letak
PageHeader
Kepala halaman/dokumen BizOps: jejak, judul + label status di satu baris, baris meta, dan aksi di kanan atas.
Import
tsx
import { PageHeader, Breadcrumbs, BreadcrumbItem, StateLabel, Button, IconButton } from '@divistant/circca-react';Props
Juga menerima semua atribut <header>. `children` dirender di bawah deskripsi (mis. StagePath).
| Prop | Tipe | Default | Keterangan |
|---|---|---|---|
| breadcrumbs | ReactNode | — | Jejak di atas judul — <Breadcrumbs> tanpa level saat ini. |
| title | ReactNode | — | Wajib. Nomor dokumen atau nama halaman. |
| titleAs | 'h1' | 'h2' | 'h3' | 'h4' | 'h1' | Level heading judul. Ganti bila PageHeader dipakai di dalam panel atau dialog. |
| status | ReactNode | — | Label status di samping judul, biasanya <StateLabel>. |
| description | ReactNode | — | Baris meta di bawah judul: pihak · jenis · nilai · pemilik. |
| actions | ReactNode | — | Tombol aksi di kanan atas, ditaruh pemanggil (Button, IconButton; ActionMenu bila tersedia). |
| className | string | — | Kelas tambahan (digabung aman dengan tailwind-merge). |
Sumber
Kode komponen ada di packages/react/src/components/page-header. Gaya hanya memakai kelas token Circca HIG — tidak ada warna, spasi, atau radius mentah.