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
props
nametypedefaultdescription
title *string-
datestring-ISO string or pre-formatted label.
tagsstring[]-
bannerstring-banner image URL.
backHrefstring-renders a back link.
backLabelstring'back'back link label.
childrenReactNode-body — typically <Prose>{markdown}</Prose>.