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_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx