Timeline

A vertical list of events in chronological order.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/timeline.json

  1. Order delivered

    Signed by Olivia Martin at the front desk.

  2. Out for delivery

  3. Customer left a note

    “Please leave the package with reception.”

  4. Payment of $249 received

  5. Account created

Installation

Add Timeline with the shadcn CLI, or copy the source by hand. In this repo there's nothing to install — import it from @multidash/ui.

$ pnpm dlx shadcn@latest add https://multidash-app.vercel.app/r/timeline.json

Adds the component, the components it builds on, its npm packages and the theme tokens it uses. Using Multidash often? Add the registry to components.json once:

components.json
{
  "registries": {
    "@multidash": "https://multidash-app.vercel.app/r/{name}.json"
  }
}

Then add components by name:

$ pnpm dlx shadcn@latest add @multidash/timeline

Usage

import {
  Timeline,
  TimelineItem,
  TimelineTitle,
  TimelineTime,
  TimelineDescription,
} from "@multidash/ui/components/timeline"