Skip to content
BaseLayer Themes

Content 01

Single-column editorial — pre-title, title, pre-text, body, CTA

Live preview

Notes

Write once. Reuse everywhere.

Editorial blocks keep long-form copy readable without inventing a new layout each time.

Drop in a pre-title, title, and body — paragraphs split on blank lines.

Optional CTAs use the same Button variants as the rest of the kit, including the underlined `link` style.

Read the docs

File: src/blocks/content/Content01.astro

Centered single-column editorial block. Body paragraphs split on blank lines. Optional preText is omitted when empty.

Config (blocks.ts → content01)

content01: {
  width: "standard",
  preTitle: "Notes",
  title: "Write once. Reuse everywhere.",
  preText: "Editorial blocks keep long-form copy readable…",
  text: "First paragraph.\n\nSecond paragraph.",
  cta: "Read the docs",
  ctaUrl: "/docs/",
  ctaVariant: "link",
  padding: "lg",
},

Add to a page

---
import Content01 from "@/blocks/content/Content01.astro";
---

<Content01 />
<Content01 ctaVariant="brand" width="wide" />

Props

Prop Config key Type / values Notes
width content01.width standard | narrow | wide —
preTitle content01.preTitle string Small caps label; omit when empty
title content01.title string —
preText content01.preText string Medium-weight lead-in
text content01.text string Blank lines → paragraphs
cta / ctaUrl content01.cta* string Optional
ctaVariant content01.ctaVariant Button variants incl. link Default link
padding content01.padding none | sm | md | lg | xl —
Border props — same as heroes —

← Content versions · Blocks overview