JJabKit
Theme preference

Content4

1.0.0

Publication-style long read with breadcrumbs, author byline, inline figures, a scroll-aware table of contents, and a back-to-top control.

npx jabkit add content4

Component Data

ID
content4
Category
marketing
Version
1.0.0
Added
2026-09-05
Type
block
Keyboard nav
Yes
Reduced motion
Yes
contentmarketingarticlearticle-layouteditorialtocblogjournallanding

Dependencies

  • clsx
  • tailwind-merge

Examples

Default

<div className="bg-background text-foreground">
      <Content4 {...content4Mocks.default} />
    </div>

Variants

<div className="bg-background text-foreground">
      <Content4 {...content4Mocks.alternate} />
    </div>

LinkedAuthor

<div className="bg-background text-foreground">
      <Content4 {...content4Mocks.linkedAuthor} />
    </div>