Skip to content

Commit abc7fe0

Browse files
rsbhclaude
andauthored
feat: render frontmatter title in default theme page (#65)
Show frontmatter title as h1 above page content. Users should remove the # Title from MDX body to avoid duplicate headings. Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 3421242 commit abc7fe0

2 files changed

Lines changed: 10 additions & 1 deletion

File tree

packages/chronicle/src/themes/default/Page.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,10 @@
1111
max-width: 768px;
1212
}
1313

14+
.title {
15+
margin: 0 0 var(--rs-space-8) 0;
16+
}
17+
1418
.content {
1519
line-height: 1.7;
1620
}

packages/chronicle/src/themes/default/Page.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use client';
22

3-
import { Flex } from '@raystack/apsara';
3+
import { Flex, Headline } from '@raystack/apsara';
44
import type { ThemePageProps } from '@/types';
55
import styles from './Page.module.css';
66
import { Toc } from './Toc';
@@ -9,6 +9,11 @@ export function Page({ page }: ThemePageProps) {
99
return (
1010
<Flex className={styles.page}>
1111
<article className={styles.article} data-article-content>
12+
{page.frontmatter.title && (
13+
<Headline size="t2" render={<h1 />} className={styles.title}>
14+
{page.frontmatter.title}
15+
</Headline>
16+
)}
1217
<div className={styles.content}>{page.content}</div>
1318
</article>
1419
<Toc items={page.toc} />

0 commit comments

Comments
 (0)