Velocity X Components

Content & Dashboard

Article Body Layout with Sidebar

Two-column article layout with a reader-width prose column and a sticky sidebar slot that collapses above content on mobile.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add article-body-sidebar

Built for astro.

Full docs for Article Body Layout with Sidebar →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
Article Body Layout with Sidebar

The architecture

Every brand identifier and category/item page reads from JSON, so porting to a new business is a config swap, not an Astro rewrite. The home page stays the deliberate exception.

This keeps the reader view consistent across every Velocity site while letting each home page feel purpose-built for its industry.

Props

NameTypeRequiredDefaultDescription
sidebarPosition'left' | 'right'No'right'
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/article-body-sidebar/ArticleBodySidebar.astro

Using the Article Body Layout with Sidebar component

Install it with velocityx add article-body-sidebar. 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.

More from Content & Dashboard.