Sha256: 2aef009a0d43685c1d68f9f6475bb2ab5904bf2f843f374764e7d98f3238fbb5

Contents?: true

Size: 902 Bytes

Versions: 76

Compression:

Stored size: 902 Bytes

Contents

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

const DashboardValueAlign = (props) => {
  return (
    <div>
      <DashboardValue
          {...props}
          statChange={{ change: 'decrease', value: '26.1' }}
          statLabel="Top Title Value"
          statValue={{ value: '1,428', unit: 'appts' }}
      />

      <br />
      <br />

      <DashboardValue
          {...props}
          align="center"
          statChange={{ change: 'decrease', value: 56.1 }}
          statLabel="Top Title Value"
          statValue={{ value: '1,428', unit: 'appts' }}
      />

      <br />
      <br />

      <DashboardValue
          {...props}
          align="right"
          statChange={{ change: 'decrease', value: 86 }}
          statLabel="Top Title Value"
          statValue={{ value: '1,428', unit: 'appts' }}
      />
    </div>
  )
}

export default DashboardValueAlign

Version data entries

76 entries across 76 versions & 1 rubygems

Version Path
playbook_ui-7.11.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.11.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.11.0.pre.alpha1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.10.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.9.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.8.4 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.8.3 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.8.2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.8.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.8.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.7.0.pre.alpha1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.7.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.6.2.pre.alpha1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.6.2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.6.1.pre.alpha1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.6.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.6.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.5.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.5.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.4.2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx