mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-30 06:09:34 +08:00
Code Issues Actions 33 Packages Projects Releases Wiki Activity
121efd1f4c
ant-design/components/timeline/demo/alternate.md
Juan Rodrigo Venegas Boesch 121efd1f4c Timeline design change feature 
added a new prop to timeline called mode where you can send 'alternate' to change the timeline design and 'right' to flip horizontally.
2018-08-01 00:09:50 +08:00

1023 B
Raw Blame History

order title
3
zh-CN en-US
基本用法 Alternate

zh-CN

基本的时间轴。

en-US

Alternate timeline.

import { Timeline, Icon } from 'antd';

ReactDOM.render(
  <Timeline mode="alternate">
    <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
    <Timeline.Item color="green">Solve initial network problems 2015-09-01</Timeline.Item>
    <Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />}>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</Timeline.Item>
    <Timeline.Item color="red">Network problems being solved 2015-09-01</Timeline.Item>
    <Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
    <Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />}>Technical testing 2015-09-01</Timeline.Item>
  </Timeline>,
  mountNode);