components / article

article.

article reading layout — back link, banner, title, date + tags, then a body slot with staggered fade-ins. pair with prose for the markdown body.

building a component registry

·
nextreacttailwind

introduction

the article layout pairs a header (title, date, tags, optional banner and back link) with a body slot. drop prose inside for markdown.

  • staggered fade-ins on mount
  • lowercase, thin borders, dark-only

usage

<Article title="my post" date="2026-05-24" tags={["dev"]}>
  <Prose>{markdown}</Prose>
</Article>
installation
bunx @justin06lee/chrome@latest add article
usage
With prose body

building a component registry

·
nextreact

shadcn-style, own-the-code. the header handles title, date, tags; the body is yours.

<Article
  title="my post"
  date="2026-05-24"
  tags={["dev"]}
  backHref="/articles"
>
  <Prose>{markdown}</Prose>
</Article>