Sha256: 6df861908c568419d622cbe499c74bb93ebede9ece2dc393b709f1e516c06a56

Contents?: true

Size: 559 Bytes

Versions: 948

Compression:

Stored size: 559 Bytes

Contents

import React from 'react'
import { Gauge } from 'playbook-ui'

const GaugeHeight = (props) => (
  <div>
    <Gauge
        chartData={[ { name: 'Pixels', value: 400 } ]}
        height="400"
        id="gauge-height-px"
        suffix="px"
        title="Fixed Height in Pixels"
        {...props}
    />
    <Gauge
        chartData={[ { name: 'Percentage', value: 45 } ]}
        height="45%"
        id="gauge-height-percent"
        suffix="%"
        title="Height as Percentage of Width"
        {...props}
    />
  </div>
)

export default GaugeHeight

Version data entries

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.17 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.0.pre.rc.12 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.10.0.pre.alpha.PLAY1774timelinelabelstepspacing5274 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.10.0.pre.alpha.play1465attempt25272 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.10.0.pre.alpha.play16825244 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx