vue-nouns-blockie

Vue package that generates custom nouns avatar for web3 addresses and strings. Easily integrate web3 avatars into your Vue projects with minimal setup.

Installation

1npm install vue-nouns-blockie

or

1yarn add vue-nouns-blockie

Usage

Import and use NounsBlockie in your Vue component:

1<template>
2  <div>
3    <NounsBlockie :input="userAddress" />
4  </div>
5</template>
6
7<script>
8import { NounsBlockie } from 'vue-nouns-blockie';
9
10export default {
11  components: {
12    NounsBlockie
13  },
14  data() {
15    return {
16      userAddress: '0x...'
17    };
18  }
19}
20</script>

Props

1- input:String (required) - The web3 address or string to generate the avatar for.
2- height?: string (optional) - required height for the image;
3- width?:string (optional) - required height for the image;
4- altText?: string (optional) - Alt text for the image;
5- shape?: string (optional) - Type of avatar, "square" | "rounded" | "circle";

Keywords

• Vue
• Nouns
• Avatar
• Web3
• Blockchain

License

MIT