Avatar

Avatar

The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.

Import

import { Avatar } from '@unllamas/lacrypta-ui';

Usage


Llama
Gorila
Pulpo
<Avatar src='https://bit.ly/llama-lawallet-ar' name='Llama' />
<Avatar src='https://bit.ly/gorila-lacrypta-ar' name='Gorila' />
<Avatar src='https://bit.ly/pulpo-hodl-ar' name='Pulpo' />

Avatar Size

The size property receives xs, sm, md, lg or xl value


Llama
Llama
Llama
Llama
Llama
<Avatar ... size='xs' />
<Avatar ... size='sm' />
<Avatar ... size='md' />
<Avatar ... size='lg' />
<Avatar ... size='xl' />