The Timeline.Item component is used to display items on a vertical timeline, connected by Timeline.Badge elements.
The default Timeline.Badge color is dark text on a light grey background.
To have color variants, use the
bg prop on the
Timeline.Badge. If an icon is being used, set the
of the child
StyledOcticon if necessary.
Timeline has a condensed prop that will reduce the vertical padding and remove the background from the badge item. These are most commonly used in commits. To condense a single item, remove the top or bottom padding with the
To create a visual break in the timeline, use Timeline.Break. This adds a horizontal bar across the timeline to show that something has disrupted it. Usually this happens when a close or merged event occurs.
Timeline and Timeline.Item components get
COMMON system props. Read our System Props doc page for a full list of available props.
|clipSidebar||Boolean||Hides the sidebar above the first Timeline.Item and below the last Timeline.Item.|
|condensed||Boolean||Reduces vertical padding and removes background from an item's badge.|