mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-23 23:18:36 +08:00
751bf40f60
* feat: update timeline to data driven
28 lines
613 B
TypeScript
28 lines
613 B
TypeScript
import React from 'react';
|
|
import { ClockCircleOutlined } from '@ant-design/icons';
|
|
import { Timeline } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Timeline
|
|
mode="right"
|
|
items={[
|
|
{
|
|
children: 'Create a services site 2015-09-01',
|
|
},
|
|
{
|
|
children: 'Solve initial network problems 2015-09-01',
|
|
},
|
|
{
|
|
dot: <ClockCircleOutlined style={{ fontSize: '16px' }} />,
|
|
color: 'red',
|
|
children: 'Technical testing 2015-09-01',
|
|
},
|
|
{
|
|
children: 'Network problems being solved 2015-09-01',
|
|
},
|
|
]}
|
|
/>
|
|
);
|
|
|
|
export default App;
|