Sha256: dcc9ab4c0a8fbf598f467397c1f0d76f259b5cb3117a8909a00613dac247acc7

Contents?: true

Size: 834 Bytes

Versions: 111

Compression:

Stored size: 834 Bytes

Contents

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

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

      <br />
      <br />

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

      <br />
      <br />

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

export default DashboardValueAlign

Version data entries

111 entries across 111 versions & 1 rubygems

Version Path
playbook_ui-6.6.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha10 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.6.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.5.2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.5.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.5.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.4.2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha9 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha8 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha7 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.4.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha6 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha5 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.4.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.3.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha4 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha3 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-7.0.0.pre.alpha2 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.3.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-6.2.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx