paper-avatar - Vaadin Add-on Directory
Polymer component to auto-generate user avatar
**[ This description is mirrored from README.md at [github.com/Abe90/paper-avatar](https://github.com//Abe90/paper-avatar/blob/1.0.4/README.md) on 2019-05-10 ]**
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Abe90/paper-avatar)
# \
This component is made for generate a different random avatar for every member.
## Example
```html
```
## Background color
The background color is automatically generated by hashing the label and selecting from an array of colors.
You can setting up this array passing the values in `colors` parameter.
### Default colors
![Default colors](/demo/colors-min.png?raw=true)
## Two chars
The `two-chars` parameter is used to show two chars in the generated avatar.
If the `label` is composed of a single word, you'll see the first two letters of that word; the first letter will always appear capitalized.
If instead the `label` is composed of two words, will be displayed the first letter of every word.
### Example
- first: Fi
- First: Fi
- first second: Fs
- First Second: FS
## Customization
There is the opportunity to change some parameters to customize the generated avatar.
The css parameters `--paper-avatar-color` and `--paper-avatar-width` correspond to the background color and the size (width and height) of the avatar.
## Jdenticon (jdenticon.com)
Jdenticon is a free Javascript library for generating highly recognizable identicons.
You can use this library adding `jdenticon` parameter.
In this case the text will be replaced with white jdenticon image.
More information at [jdenticon.com](https://www.jdenticon.com/)
## Install
```
bower install --save Abe90/paper-avatar
```
Online DemoDocumentation
View on GitHub
GitHub Homepage
Issue tracker
paper-avatar version 1.0.0
### Dependencies
* polymer#Polymer/polymer#^1.4.0
paper-avatar version 1.0.2
### Dependencies
* polymer#Polymer/polymer#^1.4.0
paper-avatar version 1.0.3
### Dependencies
* polymer#Polymer/polymer#^2.0.0
paper-avatar version 1.0.4
### Dependencies
* polymer#Polymer/polymer#^1.0.0 || ^2.0.0