Skip to content

dozyio/react-18-blockies

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React 18 Blockies

This is a React 18 & Typescript port of https://github.com/stephensprinkle-zz/react-blockies which in turn is a port of https://github.com/alexvandesande/blockies.

Example:

import Blockies from 'react-18-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 */}
  />
)

About

Ethereum Style Identicons for React 18

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 100.0%