Sha256: f87662eaf119dd3b7c4e3c494dd8983d8da0a4d061efd098321fd7e89902db24
Contents?: true
Size: 1.46 KB
Versions: 148
Compression:
Stored size: 1.46 KB
Contents
import React from 'react'
import Timeline from '../_timeline.jsx'
import { Body, TitleDetail } from '../../'
const TimelineDefault = () => (
<div>
<Timeline>
<Timeline.Item
icon="user"
iconColor="royal"
>
<Body
color="light"
text="Conversation started"
/>
</Timeline.Item>
<Timeline.Item
icon="check"
iconColor="teal"
>
<Body
color="light"
text="Trip #12422"
/>
</Timeline.Item>
<Timeline.Item
icon="credit-card"
iconColor="red"
>
<Body
color="light"
text="Refund issue #12422"
/>
</Timeline.Item>
<Timeline.Item
icon="smile"
iconColor="green"
>
<Body
color="light"
text="Conversation resolved"
/>
</Timeline.Item>
</Timeline>
<br />
<br />
<Timeline>
<Timeline.Item
icon="user"
iconColor="royal"
lineStyle="dotted"
>
<TitleDetail
detail="37-27 74th Street"
title="Jackson heights"
/>
</Timeline.Item>
<Timeline.Item
icon="check"
iconColor="teal"
>
<TitleDetail
detail="81 Gate St Brooklyn"
title="Greenpoint"
/>
</Timeline.Item>
</Timeline>
</div>
)
export default TimelineDefault
Version data entries
148 entries across 148 versions & 1 rubygems