Sha256: 9a99904cd0a32294b8b718ef2860edc5ba489bc06d937e6c4f5683c7e74906c1

Contents?: true

Size: 848 Bytes

Versions: 3

Compression:

Stored size: 848 Bytes

Contents

import React from "react"
import DashboardValue from "../_dashboard_value.jsx"

function DashboardValueAlign() {
  return (
    <div>
      <DashboardValue
          stat_label={{label: "Top Title Value"}}
          stat_value={{value: "1,428", unit: "appts"}}
          stat_change={{change: "decrease", value: "26.1%"}} />

      <br/><br/>

      <DashboardValue
          align="center"
          stat_label={{label: "Top Title Value"}}
          stat_value={{value: "1,428", unit: "appts"}}
          stat_change={{change: "decrease", value: "26.1%"}} />

      <br/><br/>

      <DashboardValue
          align="right"
          stat_label={{label: "Top Title Value"}}
          stat_value={{value: "1,428", unit: "appts"}}
          stat_change={{change: "decrease", value: "26.1%"}} />
    </div>
  )
}

export default DashboardValueAlign;

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
playbook_ui-2.9.1 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-2.9.0 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
playbook_ui-2.8.9 app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx