1.1.0 • Published 3 years ago

@axiasolar-js/vue-identicon v1.1.0

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
3 years ago

@axiasolar-js/vue-identicon

A generic identity icon that can render icons based on an address.

Usage Examples

To install the component, do yarn add @axiasolar-js/vue-identicon and then use it with import Identicon from '@axiasolar-js/vue-identicon';

Inside a Vue component, you can now render any account with the associated icon, with associated props -

  • value - the address you wish to display
  • size (optional, defaults to 64) - the size in pixels
  • theme (optional, defaults to substrate) - the theme to use, one of
    • axiasolar or
    • substrate (equivalent to jdenticon) or
    • beachball or
    • empty (displays nothing)
<template>
  <Identicon
    :size="128"
    :theme="'axiasolar'"
    :value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
  />
</template>

<script>
  import Identicon from '@axiasolar-js/vue-identicon';

  export default {
    ...
    components: { Identicon }
    ...
  };
</script>