Studiov0.6.0

TimelineItem

Tier 1 — shadcn
Data Display

A single event in a vertical timeline with time, title, and description.

Live Preview

Land Entry Complete

Prairie Vista acquisition finalized.

Stewardship Begins

RCCS baseline measurement initiated.

Code

import { TimelineItem } from "@regen/ui";

<TimelineItem />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Project history
  • •Activity feeds
  • •Step-by-step process display

Do

  • ✓Sort chronologically — newest at top or bottom consistently
  • ✓Use TimelineTime for dates

Don't

  • ✗Don't use for step wizards — use a stepper
  • ✗Don't include more than 10 items without pagination