2.9.7






Dashboard Value

Full Example

Decreased Value

1428

 

appts

26.1%


Increased Value

938

 

homes

56.1%


Neutral Value

261

 

windows

86%

Close
<%= pb_rails("dashboard_value", props: {
  stat_label: "Decreased Value",
  stat_value: {value: 1428, unit: "appts"},
  stat_change: {change: "decrease", value: 26.1}
}) %>

<br><br>

<%= pb_rails("dashboard_value", props: {
  stat_label: "Increased Value",
  stat_value: {value: 938, unit: "homes"},
  stat_change: {change: "increase", value: 56.1}
}) %>

<br><br>

<%= pb_rails("dashboard_value", props: {
  stat_label: "Neutral Value",
  stat_value: {value: 261, unit: "windows"},
  stat_change: {value: 86}
}) %>
Align

Top Title Value

1428

 

appts

26.1%


Top Title Value

1428

 

appts

56%


Top Title Value

1428

 

appts

86.1%

Close
<%= pb_rails("dashboard_value", props: {
  stat_label: "Top Title Value",
  stat_value: {value: 1428, unit: "appts"},
  stat_change: {change: "decrease", value: 26.1}
}) %>

<br><br>

<%= pb_rails("dashboard_value", props: {
  align: "center",
  stat_label: "Top Title Value",
  stat_value: {value: 1428, unit: "appts"},
  stat_change: {change: "decrease", value: 56 }
}) %>

<br><br>

<%= pb_rails("dashboard_value", props: {
  align: "right",
  stat_label: "Top Title Value",
  stat_value: {value: 1428, unit: "appts"},
  stat_change: {change: "decrease", value: 86.1 }
}) %>
Available Props
id
data
classname
aria
children
align
stat_change
stat_label
stat_value