blog-post card with date, title, excerpt and "Read" link.

Live preview

What changed in 0.2

A tiny changelog of a very busy month.

releasejprot
Read →

Install

From your site folder, run:

jprot add CardPost

That downloads the self-contained component into theme/components/CardPost.js,

where it is picked up automatically — the same way as any built-in component.

To remove it later, just delete that file.

Use it as a homepage section

Add an entry to the sections: list in jprot.config.js:

sections: [
  { component: 'CardPost', title: 'CardPost' },
]

Use it inside a page

On its own line in any Markdown file, passing the props:

:::CardPost title="What changed in 0.2" date="Sep 18, 2026" text="A tiny changelog of a very busy month." url="/blog/changes" tags='["release","jprot"]'

Props

PropTypeNote
titlestringpost title
datestringhuman-readable date
textstringexcerpt
urlstringpost link
tagsarraytag chips

↩ Back to all elements