ant-design/components/timeline/demo/custom.md

28 lines
671 B
Markdown
Raw Normal View History

---
order: 4
title:
zh-CN: 自定义时间轴点
en-US: Custom
---
## zh-CN
可以设置为图标或其他自定义元素。
## en-US
Set a node as an icon or other custom element.
2017-01-19 15:19:03 +08:00
````__react
import { Timeline, Icon } from 'antd';
ReactDOM.render(
<Timeline>
<Timeline.Item>Create a services site 2015-09-01</Timeline.Item>
<Timeline.Item>Solve initial network problems 2015-09-01</Timeline.Item>
<Timeline.Item dot={<Icon type="clock-circle-o" style={{ fontSize: '16px' }} />} color="red">Technical testing 2015-09-01</Timeline.Item>
<Timeline.Item>Network problems being solved 2015-09-01</Timeline.Item>
</Timeline>
, mountNode);
````