react-blockies
DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-blockies package

1.4.1 • Public • Published

React Blockies

This is a simple port of https://github.com/alexvandesande/blockies to a react component.

Example:

import Blockies from 'react-blockies';
 
export const myBlockies = () => (
  <Blockies
    seed="Jeremy" {/* the only required prop; determines how the image is generated */}
    size={10} {/* number of squares wide/tall the image will be; default = 15 */}
    scale={3} {/* width/height of each square in pixels; default = 4 */}
    color="#dfe" {/* normal color; random by default */}
    bgColor="#ffe" {/* background color; random by default */}
    spotColor="#abc" {/* color of the more notable features; random by default */}
    className="identicon" {/* optional class name for the canvas element; "identicon" by default */}
  />
)

Readme

Keywords

none

Package Sidebar

Install

npm i react-blockies

Weekly Downloads

10,380

Version

1.4.1

License

MIT

Unpacked Size

96.6 kB

Total Files

5

Last publish

Collaborators

  • ood-labs
  • sprinkle