PreStyling Layouts & Components

src/components/post/Header/SimpleHeader.astro

@@ -0,0 +1,17 @@
+---
+type Props = {
+  title: string
+  /** Small label above the title: "Page", "Tag". */
+  eyebrow?: string
+  standfirst?: string
+}
+
+const { title, eyebrow, standfirst } = Astro.props
+---
+
+<header class="header">
+  {eyebrow && <p class="eyebrow">{eyebrow}</p>}
+  <h1 class="title">{title}</h1>
+  {standfirst && <p class="standfirst">{standfirst}</p>}
+  <slot />
+</header>