Long-form
Chapter Divider
A full section break for very long pieces — ebooks, multi-part guides, long docs — so the reader feels a real page turn between chapters instead of just another heading in the scroll. Numbered kicker, title and an optional standfirst, flanked by hairline rules on both themes.
$ velocityx add chapter-dividerBuilt for astro.
Full docs for Chapter Divider →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Part Two
Chapter 4Shipping Without a Spec
Why the build beats the brief, and when that stops being true.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| number | number | string | Yes | Chapter number — rendered as-is, so pass "IV" or "04" if you want that instead of a plain integer. | |
| title | string | Yes | ||
| eyebrow | string | No | Small label above the number, e.g. "Part Two" or a book/section name. | |
| standfirst | string | No | Short dek beneath the title. | |
| level | 1 | 2 | 3 | No | 2 | Heading rank for the title — defaults to 2. Set to 1 only if this is the page's single top-level heading. |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/chapter-divider/ChapterDivider.astroUsing the Chapter Divider component
Install it with velocityx add chapter-divider.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Long-form.
The note / tip / warning / danger callout a docs page or technical article needs repeatedly, from one component instead of four. Left accent bar + icon + label so variants read apart at a glance without relying on colour alone, built for pages that stack several of these without feeling noisy.
astroThe affiliate/sponsored/review-unit disclosure strip that monetised long-form content needs near the top of the piece — calm, matter-of-fact copy with an optional link to a standing disclosure policy.
astroA lightweight 'was this helpful?' strip for the end of a post or docs page — thumbs up/down with an optional comment box that only appears after a choice is made, ending in a thank-you state. A deliberately lighter, binary take than a full satisfaction-score prompt, built to drop straight into prose with no state library.
astroThe opening block for a blog or long-form page — kicker, headline, dek, and an author/date/read-time meta row, with an optional cover image. Marked up as a proper document header with one real h1, so the rest of the article's heading order stays correct.
astro