12.24.0

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

Props Type Values

max_width
array
xs
sm
md
lg
xl
0
none

z_index
array
1
2
3
4
5
6
7
8
9
10

number_spacing
array
tabular

shadow
array
none
deep
deeper
deepest

line_height
array
tightest
tighter
tight
normal
loose
looser
loosest

display
array
block
inline_block
inline
flex
inline_flex
none

cursor
array
auto
default
none
contextMenu
help
pointer
progress
wait
cell
crosshair
text
verticalText
alias
copy
move
noDrop
notAllowed
grab
grabbing
eResize
nResize
neResize
nwResize
sResize
seResize
swResize
wResize
ewResize
nsResize
neswResize
nwseResize
colResize
rowResize
allScroll
zoomIn
zoomOut

flex_direction
array
row
column
rowReverse
columnReverse

flex_wrap
array
wrap
nowrap
wrapReverse

justify_content
array
start
end
center
spaceBetween
spaceAround
spaceEvenly

justify_self
array
auto
start
end
center
stretch

align_items
array
flexStart
flexEnd
start
end
center
baseline
stretch

align_content
array
start
end
center
spaceBetween
spaceAround
spaceEvenly

align_self
array
auto
start
end
center
stretch
baseline

flex
array
auto
initial
0
1
2
3
4
5
6
7
8
9
10
11
12
none

flex_grow
array
1
0

flex_shrink
array
1
0

order
array
1
2
3
4
5
6
7
8
9
10
11
12

position
array
relative
absolute
fixed
sticky

margin
array
none
xxs
xs
sm
md
lg
xl

margin_bottom
array
none
xxs
xs
sm
md
lg
xl

margin_left
array
none
xxs
xs
sm
md
lg
xl

margin_right
array
none
xxs
xs
sm
md
lg
xl

margin_top
array
none
xxs
xs
sm
md
lg
xl

margin_x
array
none
xxs
xs
sm
md
lg
xl

margin_y
array
none
xxs
xs
sm
md
lg
xl

padding
array
none
xxs
xs
sm
md
lg
xl

padding_bottom
array
none
xxs
xs
sm
md
lg
xl

padding_left
array
none
xxs
xs
sm
md
lg
xl

padding_right
array
none
xxs
xs
sm
md
lg
xl

padding_top
array
none
xxs
xs
sm
md
lg
xl

padding_x
array
none
xxs
xs
sm
md
lg
xl

padding_y
array
none
xxs
xs
sm
md
lg
xl

classname
string

dark
boolean

id
string

data
hash

aria
hash

children
proc
Props Type Values Default

unit
string

value
numeric

precision
numeric