vue-nouns-blockie
TypeScript icon, indicating that this package has built-in type declarations

1.0.17 • Public • Published

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

npm install vue-nouns-blockie

or

yarn add vue-nouns-blockie

Usage

Import and use NounsBlockie in your Vue component:

<template>
  <div>
    <NounsBlockie :input="userAddress" />
  </div>
</template>

<script>
import { NounsBlockie } from 'vue-nouns-blockie';

export default {
  components: {
    NounsBlockie
  },
  data() {
    return {
      userAddress: '0x...'
    };
  }
}
</script>

Props

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

Keywords

  • Vue
  • Nouns
  • Avatar
  • Web3
  • Blockchain

License

MIT

Package Sidebar

Install

npm i vue-nouns-blockie

Weekly Downloads

2

Version

1.0.17

License

MIT

Unpacked Size

2.75 MB

Total Files

10

Last publish

Collaborators

  • punithbyte