@blaze-react/avatar

Description

Avatar is the graphical representation of the user or the user's alter ego or character.

Usage

• Image

const url = 'http://lorempixel.com/400/400/people/';

<Avatar url={url} modifier={Avatar.availableModifiers.med} />

<Avatar
  url={url}
  username="Ismael Haytam"
  modifier={Avatar.availableModifiers.small}
/>

• User Initials

<Avatar username="Blaz 2" modifier={Avatar.availableModifiers.med} />

<Avatar
  username="Lorem Ipsum"
  modifier={Avatar.availableModifiers.xSmall}
/>

API

Avatar can receive a number of props as follow:

NAME	TYPE	DEFAULT	Options
modifier	String	empty	med, small, x-small
url	string	empty
username	String	!