roadmap/quartz/components/ArticleTitle.tsx

18 lines
416 B
TypeScript
Raw Normal View History

2023-06-12 06:46:38 +00:00
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
2023-06-10 06:06:02 +00:00
2023-06-12 06:46:38 +00:00
function ArticleTitle({ fileData }: QuartzComponentProps) {
2023-06-10 06:06:02 +00:00
const title = fileData.frontmatter?.title
2023-07-02 20:08:29 +00:00
if (title) {
return <h1 class="article-title">{title}</h1>
2023-06-10 06:06:02 +00:00
} else {
return null
}
}
2023-06-18 17:47:07 +00:00
ArticleTitle.css = `
.article-title {
margin: 2rem 0 0 0;
}
`
2023-06-12 06:46:38 +00:00
export default (() => ArticleTitle) satisfies QuartzComponentConstructor