Avatar

Avatars are used to represent an individual, a business, or a celestial being when they interact with any Coingaming brand. While they usually consist of an image, avatars are adaptable - letters or object icons may sometimes be used as fallbacks.

Default

Variants

md

Rounded

md

Different colours

Sizes

xs
sm
md
lg
xl
2xl

Active status

Status origin

Avatar props

NameTypeRequiredDefaultDescription
bgColorstringNobg-gohanBackground colour
colorstringNotext-bulmaText colour
imageUrlstringNo-Path to the image
isRoundedbooleanNofalseRounded border radius
isStatusActivebooleanNofalseActive state of status indicator
namestring | JSX.ElementNo-Capital letters of name
sizexs | sm | md | lg | xl | 2xlNomdSize of avatar
statusOriginStatusOriginNo{ vertical: 'bottom', horizontal: 'right' }Position for status indicator