mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-13 07:39:10 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity
ca7ed4c07d
ant-design/components/timeline/index.en-US.md
Zheeeng d016471638 Feature 3.5.0 time line reverse api (#10057) 
* Add reverse api for TimeLine

* Update TimeLine test snapshot

* Add specifications for reverse api and pending api
2018-04-20 11:23:37 +08:00

1.1 KiB
Raw Blame History

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" />
reverse reverse nodes or not boolean false

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 -