Sha256: d73c7e7f6ae55faf331c9d5cfc230ac9284693d924f3484f702cd74349f51d3a

Contents?: true

Size: 639 Bytes

Versions: 94

Compression:

Stored size: 639 Bytes

Contents

import React from 'react'
import { CircleChart, Title } from '../../'

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

94 entries across 94 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx