12.24.0

User Badge

This kit was created to display employee icons related to a Nitro user. Currently there is the PVI logo and the Million Dollar Rep Icon.

Default




Use these to represent what affiliation an employee has.

Sizes







Things To Avoid

Don’t use this to replace icon kit.


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

badge
enum
million-dollar
veteran
million-dollar

size
enum
sm
md
lg
md