Content & Dashboard

Blog Post Card (Horizontal)

Image-left, content-right post card for dense list views that stacks to image-top on mobile.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add blog-post-card-horizontal

Built for astro.

Full docs for Blog Post Card (Horizontal) →

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

astro v1.0.0

Blog Post Card (Horizontal)

Architecture

Why we moved the header nav into brand.json

A hardcoded nav object meant every fork inherited Aidxn's menu. Here's the data-driven fix.

16 Oct 2026 · 4 min read

Props

Name	Type	Required	Default
href	string	No	'#'
title	string	No	'Why we moved the header nav into brand.json'
excerpt	string	No	'A hardcoded nav object meant every fork inherited Aidxn\'s menu. Here\'s the data-driven fix.'
category	string	No	'Architecture'
coverSrc	string	No
coverAlt	string	No	''
date	string \| Date	No	new Date()
readTimeMins	number	No	4
locale	string	No	'en-AU'
headingLevel	1 \| 2 \| 3 \| 4 \| 5 \| 6	Yes
dateFormatter	(date: Date) => string	No
className	string	No	''

File this creates

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

text

components/velocity/blog-post-card-horizontal/BlogPostCardHorizontal.astro

Using the Blog Post Card (Horizontal) component

Install it with velocityx add blog-post-card-horizontal. 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.

All 406 components

Blog Post Card (Horizontal)

Why we moved the header nav into brand.json

Props

File this creates

Using the Blog Post Card (Horizontal) component

Related components