Article list

Hosts article cards in 1–3 columns; optional tag chips filter them, and the mode adds a route rule every card applies.

Articles

Pack defaults

With content

In context

Exclude current article

Source

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

const props = {
  "chips": false,
  "columns": "2",
  "mode": "all",
  "emptyText": "No articles here yet.",
  "tagOptions": [
    "craft",
    "attention",
    "tools"
  ]
};
<ArticleList {...props} />

Live CSS

Injected into the previews above. Article list

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