vue-blockies

vue-blockies

This is a simple Vue3 wrapper component for ethereum-blockies.

Installation

yarn add vue-blockies

or

npm i vue-blockies

Usage

Import the component, make it known to the component you're using it in.

import VueBlockies from vue-blockies

export default {
  name: 'MyAwesomeComponent',

  components: {
    VueBlockies,
  },
  …
}

In the template, just™ use it.

<template>
  <div>
    …
    <VueBlockies />
    …
  </div>
</template>

Props

Full example

<template>
  <div>
    …
    <VueBlockies
      seed="0x4f5F6D3c7e8aDef6be8e51288F098d440bAc12ec"
      color="#09e"
      bgcolor="#f3f"
      :size="16"
      :scale="2"
      spot-color="#666"
    />
    …
  </div>
</template>