Sha256: cfd4858780f8109b171a6d70dff9e929fa04bface701c2b99c307c3dfcfc32b2
Contents?: true
Size: 1.82 KB
Versions: 1978
Compression:
Stored size: 1.82 KB
Contents
import React from 'react'
import Timeline from '../_timeline'
import Body from '../../pb_body/_body'
import TitleDetail from '../../pb_title_detail/_title_detail'
const TimelineVertical = (props) => (
<div>
<Timeline orientation="vertical">
<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 orientation="vertical">
<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 TimelineVertical
Version data entries
1,978 entries across 1,978 versions & 2 rubygems