Timeline

Vertical timeline with neon-styled status dots.

Import

import { Timeline } from "neoterm-ui";

Usage

<Timeline items={[
  { id: "1", title: "Deploy started", status: "info", timestamp: "12:00" },
  { id: "2", title: "Tests passed", status: "success", timestamp: "12:02" },
  { id: "3", title: "Build failed", status: "error", timestamp: "12:05" },
]} />

Props

Prop	Type	Default	Description
items	TimelineItem[]	—	Array of timeline entries.
className	string	—	Additional CSS classes.

TimelineItem

Prop	Type	Default	Description
id	string	—	Unique identifier.
title	string	—	Event title.
description	string	—	Optional detail text.
timestamp	string	—	Time label.
status	"success" \| "warning" \| "error" \| "info" \| "neutral"	—	Dot color.
icon	ReactNode	—	Custom icon override.