react-jazzicon-custom-colors

React component for danfinlay/jazzicon

Usage no npm install needed!

<script type="module">
  import reactJazziconCustomColors from 'https://cdn.skypack.dev/react-jazzicon-custom-colors';
</script>

README

react-jazzicon-custom-colors

This is a forked version for marcusmolchany's jazzicon.

usage

import Jazzicon from 'react-jazzicon-custom-colors'

export default class App extends React.Component {

  …

  render() {
    return (
      <Jazzicon colors={myColorsArray} diameter={100} seed={Math.round(Math.random() * 10000000)} />
    )
  }
}

for Ethereum addresses

import Jazzicon, { jsNumberForAddress } from 'react-jazzicon-custom-colors'

export default class App extends React.Component {

  …

  render() {
    return (
      <Jazzicon colors={myColorsArray} diameter={100} seed={jsNumberForAddress('0x1111111111111111111111111111111111111111')} />
    )
  }
}

setup

$ git clone https://github.com/redlanta/react-jazzicon
$ cd react-jazzicon
$ yarn # or npm i

demo page

the demo page is on the gh-pages branch in the demo folder.

# first install dependencies in the top level package
$ yarn # or npm i

# then checkout the gh-pages branch and install dependencies in the "demo" folder
$ git checkout gh-pages
$ cd demo && yarn # or npm i
$ yarn start # or npm run start