Timeline

Used to display steps and progress

Event #1
This is the first event of the timeline.
Event #2
This is the second event of the timeline.
Event #3
This is the third event of the timeline.

Installation

npx solidui-cli@latest add timeline

Usage

import { Timeline } from "~/components/ui/timeline"

<Timeline
  items={[
    {
      title: "Event #1",
      description: "This is the first event of the timeline."
    },
    {
      title: "Event #2",
      description: "This is the second event of the timeline."
    },
    {
      title: "Event #3",
      description: "This is the third event of the timeline."
    }
  ]}
  activeItem={1}
/>