{
  "id": "uilib/components/timeline",
  "name": "Timeline",
  "description": "The Timeline component shows events in chronological order and gives a great overview of the overall process.",
  "group": "components",
  "slug": "/uilib/components/timeline/",
  "props": [
    {
      "name": "title",
      "doc": "Title of the Timeline item.",
      "type": "React.ReactNode",
      "status": "required",
      "defaultValue": null
    },
    {
      "name": "state",
      "doc": "The component state. Options: `completed` | `current` | `upcoming`.",
      "type": [
        "completed",
        "current",
        "upcoming"
      ],
      "status": "required",
      "defaultValue": null
    },
    {
      "name": "subtitle",
      "doc": "Subtitle of the Timeline item, displayed below the `title`. Also supports passing an array of subtitles. The subtitle is usually a date of the timeline item.",
      "type": [
        "React.ReactNode",
        "React.ReactNode[]"
      ],
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "infoMessage",
      "doc": "Info message, displayed in a [FormStatus of state info](/uilib/components/form-status#displaying-info-status), below the `subtitle` if it exists.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "icon",
      "doc": "Override icon displaying on the left side (Not recommended). Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming`.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "iconAlt",
      "doc": "Alt label describing the icon provided.",
      "type": "string",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "skeleton",
      "doc": "If set to `true`, an overlaying skeleton with animation will be shown.",
      "type": "boolean",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "data",
      "doc": "List of [timeline items](/uilib/components/timeline/properties#timelineitem-properties) to render. Each object in data can include all properties from [Timeline.Item properties](/uilib/components/timeline/properties#timelineitem-properties).",
      "type": "Array<TimelineItemProps>",
      "status": "optional",
      "defaultValue": null
    },
    {
      "name": "children",
      "doc": "Content of the component. Can be used instead of property `data`, by adding [Timeline Item](/uilib/components/timeline/properties#timelineitem-properties) as children `<Timeline.Item {...props} />`.",
      "type": "React.ReactNode",
      "status": "optional",
      "defaultValue": null
    }
  ],
  "events": [],
  "related": [
    "Space"
  ],
  "checksum": "8c716a90647043de50394742c40e906bf36f4ffbe68f05389c720bb82262bc6a",
  "source": {
    "repo": "https://github.com/dnbexperience/eufemia",
    "file": "packages/dnb-eufemia/src/components/timeline/Timeline.tsx",
    "permalink": "https://github.com/dnbexperience/eufemia/blob/main/packages/dnb-eufemia/src/components/timeline/Timeline.tsx"
  },
  "sources": {
    "entry": {
      "local": "src/docs/uilib/components/timeline.mdx",
      "public": "https://d3bdcd79.eufemia-e25.pages.dev/uilib/components/timeline/"
    },
    "props": {
      "local": "src/docs/uilib/components/timeline/properties.mdx",
      "public": "https://d3bdcd79.eufemia-e25.pages.dev/uilib/components/timeline/properties/"
    },
    "events": null,
    "demos": {
      "local": "src/docs/uilib/components/timeline/demos.mdx",
      "public": "https://d3bdcd79.eufemia-e25.pages.dev/uilib/components/timeline/demos/"
    }
  },
  "version": "0.0.0-development",
  "generatedAt": "2025-12-18T09:47:41.200Z",
  "schemaVersion": 1
}