ant-design/components/timeline/index.en-US.md
SimpleFrontend 528c6fa1e0 Added pendingDot to Timeline (#9546)
* Added selectionColumnWidth to TableRowSelection

* Updated documents

* Renamed selectionColumnWidth to columnWidth

* Added pendingDot to Timeline

* Added pendingDot to Timeline

* Minor update according to the feedback

* Updated according to feedback
2018-03-09 15:03:19 +08:00

1.1 KiB

category type title
Components Data Display Timeline

Vertical display timeline.

When To Use

  • When a series of information needs to be ordered by time (ascend or descend).
  • When you need a timeline to make a visual connection.

API

<Timeline>
  <Timeline.Item>step1 2015-09-01</Timeline.Item>
  <Timeline.Item>step2 2015-09-01</Timeline.Item>
  <Timeline.Item>step3 2015-09-01</Timeline.Item>
  <Timeline.Item>step4 2015-09-01</Timeline.Item>
</Timeline>

Timeline

Timeline

Property Description Type Default
pending Set the last ghost node's existence or its content boolean|string|ReactNode false
pendingDot Set the dot of the last ghost node when pending is true |string|ReactNode <Icon type="loading" />

Timeline.Item

Node of timeline

Property Description Type Default
color Set the circle's color to blue, red, green or other custom colors string blue
dot Customize timeline dot string|ReactNode -