Sha256: 74d8053ba5c7bb0dfda298bdbbf50e01c6d7b6cd0a1da0e686e9f02f1c00c291

Contents?: true

Size: 1.77 KB

Versions: 1644

Compression:

Stored size: 1.77 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 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

1,644 entries across 1,644 versions & 2 rubygems

Version Path
playbook_ui_docs-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui_docs-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
playbook_ui-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx