public
anord
read
Ledger
Why work hard when you can work easier?
Languages
Repository composition by tracked source files.
TypeScript
86%
CSS
10%
SQL
3%
Shell
1%
HTML
0%
Trace
apps/web/src/components/PageHeader.tsx
Trace helps you understand code history line by line. See who changed each line, when it changed, and which commit introduced it.
Author
Date
Commit
Line
Code
1
import type { ReactNode } from "react";
3
export function PageHeader({
4
eyebrow,
5
title,
6
description,
7
actions
8
}: {
9
eyebrow?: string;
10
title: string;
11
description?: string;
12
actions?: ReactNode;
13
}) {
14
return (
15
<header className="page-header">
16
<div className="page-header__body">
17
{eyebrow ? <p className="eyebrow">{eyebrow}</p> : null}
18
<h1>{title}</h1>
19
{description ? <p className="lede">{description}</p> : null}
20
</div>
21
{actions ? <div className="page-header__actions">{actions}</div> : null}
22
</header>
23
);
24
}