generated from dwd/boilarplate-remix-tailwind-antd
28 lines
1014 B
TypeScript
28 lines
1014 B
TypeScript
import React from 'react';
|
|
import { Timeline } from 'antd';
|
|
|
|
const AntdTimeline = () => (
|
|
<Timeline>
|
|
<Timeline.Item>Event 1: Start of the project - 2024-01-01</Timeline.Item>
|
|
<Timeline.Item color='green'>
|
|
Event 2: Initial Design - 2024-02-01
|
|
<div style={{ marginTop: '10px' }}>
|
|
<video width="320" height="240" controls>
|
|
<source src="https://videos.pexels.com/video-files/3195394/3195394-sd_640_360_25fps.mp4" type="video/mp4" />
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</div>
|
|
</Timeline.Item>
|
|
<Timeline.Item>
|
|
Event 3: Development Phase - 2024-03-01
|
|
<div style={{ marginTop: '10px' }}>
|
|
<embed src="https://pdfobject.com/pdf/sample.pdf" style={{width: '100%'}} height="375" type="application/pdf" />
|
|
</div>
|
|
</Timeline.Item>
|
|
<Timeline.Item>Event 4: Testing - 2024-04-01</Timeline.Item>
|
|
<Timeline.Item>Event 5: Launch - 2024-05-01</Timeline.Item>
|
|
</Timeline>
|
|
);
|
|
|
|
export default AntdTimeline;
|