Components › Display

Timeline

A vertical list of events joined by a line, with icons and tones.

Installation

npx plankui@latest add timeline

Usage

import { Timeline } from "@/components/ui/timeline";

<Timeline items={[{ title: "Deployed", time: "2 min ago", tone: "accent" }]} />

API reference

PropTypeDefaultDescription
items{ title; time?; body?; icon?; tone? }[]requiredEvents, newest first.

View the source on GitHub