Components

Page Header

Eyebrow, aurora title and lead paragraph for the top of a page.

Budget

Month overview

Where your money went in September, and what's left.

Import

import { PageHeader } from '@rinzai/zen';

API reference

<PageHeader>

Top of a page: a small eyebrow label, the title in the aurora gradient, and a lead paragraph.

PropTypeDefault
titleRequired
ReactNode—
children

Anything after the lead, e.g. a row of buttons.

ReactNode—
className
string—
eyebrow
ReactNode—
lead
ReactNode—