@digitalungdom/bot-identicon NPM

@digitalungdom/bot-identicon

Bot Identicon

A React component that deterministically generates robot icons based on the given input. See example code below.

Made with create-react-library

Install

npm install --save @digitalungdom/bot-identicon

Usage

import React, { Component } from 'react'

import HashedBotIdenticon from '@digitalungdom/bot-identicon'

class Example extends Component {
  render() {
    return <HashedBotIdenticon identifier='john von neumann' size={500} />
  }
}

Props

`BaseBotIdenticonProps`

Name	Type	Default	Description
`size`	`'inherit' \\| number`	`200`	size of the icon
`background`	`boolean`	`false`	display background

`BotIdenticonProps`

Inherits BaseBotIdenticonProps.

Name	Type	Default	Description
`color`	`[h: number, s: number, l: number]`	`[216, 81, 51]`	color in HSL-values
`face`	`Face`	`normal`	face of the identicon

`<HashedBotIdenticon>`

Inherits props for BotIdenticonProps. To override the hashed values, one can provide a face and/or color property.

identifier - string that will deterministically create colors and a face with md5

`Face`

One of the following values

'cool'
'evil'
'kiss'
'incognito'
'normal'
'laughing'
'happyEyes'
'heartEyes'
'celebrate'

Dependencies

Crypto-js is needed to hash the identifier.

Credit

The original robot design is by @charlesmaddock and @digitalungdom-se. The code for this repo was originally developed by @adelhult. The transitition to TypeScript and publishing as a reusable component was made by @nautman.