Article card

Hairline-ruled entry: cover, date · tag, title, intro. Hides itself when its list's tag filter or route rule excludes it.

Articles

Pack defaults

With content

In context

Source

import { ArticleCard } from "demo-blog/components";

const props = {
  "title": "Sharpen before you cut",
  "href": "/articles/sharpen-before-you-cut",
  "intro": "",
  "date": "Mar 18, 2026",
  "src": "",
  "alt": "",
  "tag1": "craft",
  "tag2": "",
  "tag3": "",
  "authorSlug": "",
  "slug": ""
};
<ArticleCard {...props} />

Live CSS

Injected into the previews above. Article card

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */