npm.io
0.8.0-alpha.112 • Published 11 months ago

@blaze-react/avatar

Licence
GPL-3.0
Version
0.8.0-alpha.112
Deps
0
Size
863 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

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 !