React Alegrify UI

Avatar

Variants

Default

<Avatar
            alt="me"
            image="https://source.unsplash.com/64x64/?person"
        />

Extra small

<Avatar
            alt="me"
            image="https://source.unsplash.com/16x16/?person"
            xs
        />

Small

<Avatar
            alt="me"
            image="https://source.unsplash.com/32x32/?person"
            s
        />

Large

<Avatar
            alt="me"
            image="https://source.unsplash.com/100x100/?person"
            l
        />

Extra large

<Avatar
            alt="me"
            image="https://source.unsplash.com/200x200/?person"
            xl
        />

Properties

PropertyTypeDefault
image*string
alt*string
classNamestring
dataTeststring
dataTestIdstring