import React from "react"
import {DashboardValue} from "../../"
function DashboardValueDefault() {
return (
<div>
<DashboardValue
statChange={{change: "decrease", value: "26.1"}}
statLabel="Decreased Value"
statValue={{value: "1,428", unit: "appts"}}
/>
<br/><br/>
<DashboardValue
statChange={{change: "increase", value: 56.1}}
statLabel="Increased Value"
statValue={{value: "938", unit: "homes"}}
/>
<br/><br/>
<DashboardValue
statChange={{value: 86}}
statLabel="Neutral Value"
statValue={{value: "261", unit: "windows"}}
/>
</div>
)
}
export default DashboardValueDefault;
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;