Timeline · Components

vertical status steps joined by a line · each done / current / upcoming with time and note

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

For what already happened and what comes next (an order, a delivery, an application). A flow the person is filling in uses Stepper.

<Timeline items={[{ title, time?, description?, state }]} tone? />

Already in every copy of the native kit:

import { Timeline } from '@/components/kit/timeline';

The web kit's real component, live. Follows this site's theme.

For what already happened and what comes next (an order, a delivery, an application).

<Timeline items={[{ title, time?, description?, state }]} tone? />

Already in every copy of the web kit:

import { Timeline } from '@/components/kit/timeline';

Agents: the whole registry is at /llms.txt.