Sha256: c33ddafc900e5a58ef731fe09b8e86e48ebfd87afdc03faf62eefbfd90d8b293
Contents?: true
Size: 1.85 KB
Versions: 148
Compression:
Stored size: 1.85 KB
Contents
import React from 'react'
import Timeline from '../_timeline.jsx'
import { TitleDetail } from '../../'
const TimelineWithDate = () => (
<div>
<Timeline
orientation="horizontal"
showDate
>
<Timeline.Item
date={new Date()}
icon="user"
iconColor="royal"
>
<TitleDetail
detail="37-27 74th Street"
title="Jackson heights"
/>
</Timeline.Item>
<Timeline.Item
icon="check"
iconColor="teal"
lineStyle="dotted"
>
<TitleDetail
detail="81 Gate St Brooklyn"
title="Greenpoint"
/>
</Timeline.Item>
<Timeline.Item
date={new Date().setDate(new Date().getDate() + 1)}
icon="map-marker-alt"
iconColor="purple"
>
<TitleDetail
detail="72 E St Astoria"
title="Society Hill"
/>
</Timeline.Item>
</Timeline>
<br />
<br />
<br />
<Timeline
orientation="vertical"
showDate
>
<Timeline.Item
date={new Date()}
icon="user"
iconColor="royal"
>
<TitleDetail
detail="37-27 74th Street"
title="Jackson heights"
/>
</Timeline.Item>
<Timeline.Item
icon="check"
iconColor="teal"
lineStyle="dotted"
>
<TitleDetail
detail="81 Gate St Brooklyn"
title="Greenpoint"
/>
</Timeline.Item>
<Timeline.Item
date={new Date().setDate(new Date().getDate() + 1)}
icon="map-marker-alt"
iconColor="purple"
>
<TitleDetail
detail="72 E St Astoria"
title="Society Hill"
/>
</Timeline.Item>
</Timeline>
</div>
)
export default TimelineWithDate
Version data entries
148 entries across 148 versions & 1 rubygems