Components

Now Section

A dated, Markdown-capable list of what you're focused on right now - the /now page pattern as a drop-in section.

  • Running a wiffle ball tournament with unreasonable software

  • Publishing the components this site is made of

  • Writing again

Updated 2026-07-05

The /now page idea as a component: a short list of current focuses with an "updated" date, so readers can tell fresh from stale. Items accept inline Markdown - links especially.

Install#

npx shadcn@latest add https://benhof.ai/r/now-section.json

Adds react-markdown as a dependency for the inline Markdown.

Usage#

import { NowSection } from "@/components/now-section"

;<NowSection
  items={[
    "Running a [wiffle ball tournament](https://schottclassic.com)",
    "Writing again",
  ]}
  updatedAt="2026-07-05"
/>

Props#

PropTypeDefaultDescription
itemsstring[]-One focus per line; inline Markdown supported.
updatedAtstring-ISO date shown as "Updated …".