vue-identicon

Installation

npm install --save @vue-polkadot/vue-identicon

Props

Name	Description	Type	Default
value	Address for generating icon	String	null
theme	Theme for icon	String	jdenticon
size	Size of icon	Number	128

Usage

1<template>
2  <Identicon
3    :value="address"
4    :theme="theme"
5    :size="size"
6  />
7</template>
8
9<script lang="ts">
10import { Component, Prop, Vue } from 'vue-property-decorator';
11import Identicon from '@vue-polkadot/vue-identicon';
12
13@Component({
14  components: {
15    Identicon,
16  },
17})
18export default class Keypair extends Vue {
19  @Prop(String) public address!: string;
20  @Prop({ default: 'polkadot'}) public theme!: string;
21  @Prop({ default: 64 }) public size!: number;
22}
23</script>

FAQ

• Themes?
  • Yes, there are themes 'polkadot', 'substrate', 'beachball' or 'jdenticon'