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