github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-15 18:58:11 +00:00
Code Issues Packages Projects Releases Wiki Activity
lowcode-engine/packages/material-parser/test/fixtures/antd-component/components/timeline/index.en-US.md
gengyang 70f3e325c6 feat: 🎸 support parsing sub components
2020-05-08 14:50:42 +08:00

1.3 KiB
Raw Blame History

category, type, title
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
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 <LoadingOutlined />
reverse reverse nodes or not boolean false
mode By sending alternate the timeline will distribute the nodes to the left and right. left | alternate | right -

Timeline.Item

Node of timeline

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