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