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 */}
  />
)

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.4.1
    10,370
    • latest

Version History

Package Sidebar

Install

npm i react-blockies

Weekly Downloads

8,409

Version

1.4.1

License

MIT

Unpacked Size

96.6 kB

Total Files

5

Last publish

Collaborators

  • ood-labs
  • sprinkle