2.0.4 • Published 8 years ago

react-avatr v2.0.4

Weekly downloads
1
License
MIT
Repository
github
Last release
8 years ago

<Avatr>


Initially start as a fork of https://github.com/sitebase/react-avatar to give the user the choice of priority of queue possibilities

Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. We use a fallback system that if for example an invalid Facebook ID is used it will try Google, and so on.

For the moment we support following types:

  • Facebook
  • Google
  • Skype
  • Gravatar
  • Name initials
  • Custom text
  • Custom image

The fallbacks are in the same order as the list you defined in props.priority.

priority: ['src', 'gravatar', 'facebook', 'google', 'skype', 'name', 'value'] // Default priority list

Install

Install the component using NPM:

$ npm install react-avatr --save

Usage

  1. Import Custom Element:

    import Avatr from 'react-avatr';
  2. Start using it!

    <Avatr />

Some examples:

<Avatr  size={100}
        round={true}
        email="info@studiofrenetic.com"
        facebookId="131126510267471"
        googleId="109698448540584893289"
        src="http://placekitten.com/g/101/100"
        name="Studio Frenetic"
        value="SF"
        priority={['facebook', 'google', 'gravatar', 'skype', 'src', 'name', 'value']}
        />

License

MIT License

2.0.4

8 years ago

2.0.3

8 years ago

2.0.2

8 years ago

2.0.1

8 years ago

2.0.0

8 years ago

1.2.0

9 years ago

1.1.2

9 years ago

1.1.1

9 years ago

1.1.0

9 years ago

1.0.0

9 years ago