mirror of https://github.com/pezkuwichain/pezkuwi-ui.git synced 2026-07-14 19:05:45 +00:00

Files

T

Viki Val a694afc240 Add compatibility layer for H160 addresses (#789 )

* ⚡ compatibilty layer for H160 addresses

* :broom linter

* 🧼 space before (

2024-04-17 13:01:24 -04:00

src

Add compatibility layer for H160 addresses (#789 )

2024-04-17 13:01:24 -04:00

index.html

Cleanup shared, consistency with standards (#309 )

2020-04-12 09:06:32 +02:00

package.json

[CI Skip] bump/beta 3.6.6-1-x

2024-04-08 16:50:48 +00:00

README.md

Bump deps (#183 )

2019-08-09 11:00:56 +02:00

tsconfig.build.json

Manual format of tsconfig.build.json (#596 )

2022-01-14 12:17:51 +02:00

README.md

@polkadot/vue-identicon

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

Usage Examples

To install the component, do yarn add @polkadot/vue-identicon and then use it with import Identicon from '@polkadot/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
- polkadot or
- substrate (equivalent to jdenticon) or
- beachball or
- empty (displays nothing)

<template>
  <Identicon
    :size="128"
    :theme="'polkadot'"
    :value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
  />
</template>

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

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