Stat Value

This kit was cerated for the main use as a dashboard display for numbers. A large label is an optional part if it needs more clarity.

Default

Use this as value for displaying number data at a high level. It’s primary function is to create hierarchy of data within a view.

Code Example

import React from 'react'

import StatValue from '../_stat_value'

const StatValueDefault = (props) => {
  return (
    <>
      <StatValue
          value={1048}
          {...props}
      />
      <br />
      <br />
      <StatValue
          value={10.48}
          {...props}
      />
    </>
  )
}

export default StatValueDefault

Unit Value

Code Example

import React from 'react'
import StatValue from '../_stat_value'

const StatValueUnit = (props) => {
  return (
    <StatValue
        unit="appt"
        value="5,294"
        {...props}
    />
  )
}

export default StatValueUnit

Things To Avoid

Don’t use this as a replacement for titles on a page.