mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-02 15:59:38 +08:00
Code Issues Actions 30 Packages Projects Releases Wiki Activity
da741ecf84
ant-design/components/timeline/index.en-US.md
MuYu fb0b4f0fc9 docs: show version Number features were added (#17373) 
* docs: add api first appearance

* docs: fix auto-complete doc

* docs: replace Version Added with Version

* docs: date picker common method

* docs: date picker common method

* docs: tree

* docs: remove meaningless 3.0.0
2019-07-11 14:14:33 +08:00

1.4 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 (ascending or descending).
  • 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 Version
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" /> 3.3.0
reverse reverse nodes or not boolean false 3.5.0
mode By sending alternate the timeline will distribute the nodes to the left and right. left | alternate | right - 3.8.0

Timeline.Item

Node of timeline

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