Sha256: d1ee339dcfa4bb7e1925f735437f3aeaf893a743357075e109a7a24fa384bcab

Contents?: true

Size: 800 Bytes

Versions: 4

Compression:

Stored size: 800 Bytes

Contents

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

function 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

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-3.0.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-3.0.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-2.9.9 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx