# Timeline

Vertical step tracker for orders, shipping and onboarding. Each completed step fills the line down to the next point, and a soft glow marks the step in progress.

> Composed · Pro · Data Display — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add pro/timeline
```

## Import

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

## Variants

- `journey` — Train journey: `npx @lumioui/cli add pro/timeline-journey`
- `order` — Order tracking: `npx @lumioui/cli add pro/timeline-order`

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `items` | `TimelineItem[]` | — |
| `live?` | `boolean` | Glow on the current node. Default true — set false when nothing is live. |
| `className?` | `string` | — |

Source: https://lumioui.com/components/timeline