Sha256: a2c4b75db6db1c0de9c8c7eac38cacc5b8d99623245689472027d2372f2d0578

Contents?: true

Size: 496 Bytes

Versions: 106

Compression:

Stored size: 496 Bytes

Contents

import React from 'react'
import { Gauge } from '../../'

const data1 = [
  { name: 'Data Used', value: 32 },
]
const data2 = [
  { name: 'Sales to Date', value: 65 },
]

const GaugeUnits = () => (
  <div>
    <Gauge
        chartData={data1}
        id="gauge-units1"
        suffix="GB"
        title="Data Usage"
    />
    <Gauge
        chartData={data2}
        id="gauge-units2"
        prefix="$"
        suffix="k"
        title="Sales Goal"
    />
  </div>
)

export default GaugeUnits

Version data entries

106 entries across 106 versions & 1 rubygems

Version Path
playbook_ui-6.1.0.pre.alpha3 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
playbook_ui-6.1.0.pre.alpha2 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
playbook_ui-6.1.0.pre.alpha1 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
playbook_ui-6.1.0 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
playbook_ui-6.0.1.pre.alpha6 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
playbook_ui-5.3.0.pre.alpha1 app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx