11.12.1

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

1,048  
10.48  

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.

Unit Value

5,294   appt

Precision Value

1,529.00  
1,529.1300  

Use this to specify how many decimal places you want to show.
In react, you can pass in a string or number, but for this rails kit, we only accept numeric values and rails will not show trailing zero's unless specified.


Things To Avoid

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


Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • shadow
  • line_height
  • display
  • cursor
  • flex_direction
  • flex_wrap
  • justify_content
  • justify_self
  • align_items
  • align_content
  • align_self
  • flex
  • flex_grow
  • flex_shrink
  • order
  • id
  • data
  • aria
  • children
  • unit
  • value
  • precision