Directory

paper-avatar - Vaadin Add-on Directory

Polymer component to auto-generate user avatar paper-avatar - Vaadin Add-on Directory
**[ 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 ```