---
id: timeline
title: Timeline
---

# Timeline

A timeline is a useful way to display a whole range of information and/or data points to a user.
Keeping things organized in logical sequence timeline helps to keep track of what’s happening.
User can better understand what has happened and also understand what the next steps should be.

## How to use

<code src="@digigov/ui/src/content/Timeline/__stories__/Default.tsx" />

### With dense style

<code src="@digigov/ui/src/content/Timeline/__stories__/Dense.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={[
  "Timeline",
  "TimelineItem",
  "TimelineHeading",
  "TimelineContent",
  "TimelineActions",
  ]} />