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.

Variants

JS

Different colours

Different sizes

JS
JS
JS
JS
JS
JS

Active status

Status Origin

Props

NameTypeRequiredDefaultDescription
sizexsmall | small | medium | large | xlarge | twoxlargeNomediumSize for avatar
namestring | JSX.ElementNo-Capital letters of name
imageUrlstringNo-Path to the image
statusOriginStatusOriginNobottom, rightPosition for status indication
isStatusActivebooleanNofalseActive state for status indication
colorColorPropsNobulma.100Text color
backgroundColorColorPropsNogohan.100Background color