Sha256: 6df861908c568419d622cbe499c74bb93ebede9ece2dc393b709f1e516c06a56

Contents?: true

Size: 559 Bytes

Versions: 1007

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

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

Version Path
playbook_ui-14.1.0.pre.alpha.fixaction3547 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.1.0.pre.alpha.PA1477timestampkit3536 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.1.0.pre.alpha.PA1477timestampkit3536 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.testthemeexport3533 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.testthemeexport3533 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.updateviewcomponentgem3527 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.updateviewcomponentgem3527 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063526 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063526 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063525 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063525 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063524 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063524 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063523 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063523 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063522 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PLAY15063522 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PBNTR416formpillsizes3521 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY15063520 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3521 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx