react-identicons

React component for generating and displaying github-style identicons.

## Live demo [tuhnik.github.io/identicon-live (old)](https://tuhnik.github.io/identicon-live/) [tuhnik.github.io/react-identicons (storybook)](https://tuhnik.github.io/react-identicons/) ## Setup ```bash npm install react-identicons --save ``` ## Basic usage ```javascript import React from 'react'; import Identicon from 'react-identicons'; const App = () => { return ; }; export default App; ``` Code above should result in the following identicon: ![Identicon](https://github.com/tuhnik/react-identicons/blob/master/img/identicon.png?raw=true) ## Props > Note: all color values should use hexadecimal notation (i.e. #ebebeb) - `string`: (String) Value used for identicon pattern generation. - `size`: (Number) Single number to represent width and height of identicon image. Defaults to 400. - `padding` (Number) Padding around blocks. Defaults to 0. - `bg` (String) Override color for background blocks. Transparent by default. - `fg` (String) Override color for foreground blocks. Generated randomly from hash by default. - `palette` (Array) Provide an array of colors to be used as foreground block colors. - `count` (Number) Block count, can't be higher than 5. Useful for generating smaller (i.e. 3x3 identicons). - `getColor` (Function) Callback function which returns current foreground color value.

			Stars	Issues	Version	Updated	Created	Size
	react-avatar-editor		2,355	26	13.0.2	9 months ago	10 years ago
	react-identicons		31	8	1.2.5	4 years ago	6 years ago

react-avatar-editor vs react-identicons

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past