Sha256: 312ca189ea84e1b3a6329842c9fe373b28a7a6e7cb67e03afb4d87b847df00e9

Contents?: true

Size: 681 Bytes

Versions: 1919

Compression:

Stored size: 681 Bytes

Contents

import React from 'react'

import CircleChart from '../_circle_chart'
import Title from '../../pb_title/_title'

const dataWithABlock = [
  {
    name: 'Waiting for Calls',
    value: 41,
  },
  {
    name: 'On Call',
    value: 49,
  },
  {
    name: 'After call',
    value: 10,
  },
]

const CircleChartBlock = (props) => (

  <div>
    <CircleChart
        chartData={dataWithABlock}
        id="chart-with-a-block"
        innerSize="lg"
        marginTop="xl"
        rounded
        {...props}
    >
      <Title
          size={1}
          tag="div"
          {...props}
      >
        {'83'}
      </Title>
    </CircleChart>
  </div>
)

export default CircleChartBlock

Version data entries

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

Version Path
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.10.0.pre.alpha.pagination1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.10.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.9.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.9.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.8.1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.8.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx