mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-10-20 18:56:22 +00:00
- @pezkuwi/dev, dev-test, dev-ts ^0.86.3 - react-qr Display: the frames follow the value's content (xxhash), are reset while rendering instead of in an effect, and the frame timer is keyed on the frame set. Before, a value that went from one frame to several never started animating; Display.spec covers single, multi, single-to-multi and unmount. tsconfig build/spec know *.spec.tsx. - optional calls instead of guard expressions (ScanAddress, stores) - KeyringOptions as a Record; type assertions the receiver already accepts removed (Settings, vue-identicon) - disable directives narrowed to the rules that still report
@pezkuwi/vue-identicon
A generic identity icon that can render icons based on an address.
Usage Examples
To install the component, do yarn add @pezkuwi/vue-identicon and then use it with import Identicon from '@pezkuwi/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 displaysize(optional, defaults to64) - the size in pixelstheme(optional, defaults tosubstrate) - the theme to use, one ofpolkadotorsubstrate(equivalent tojdenticon) orbeachballorempty(displays nothing)
<template>
<Identicon
:size="128"
:theme="'polkadot'"
:value="'5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'"
/>
</template>
<script>
import Identicon from '@pezkuwi/vue-identicon';
export default {
...
components: { Identicon }
...
};
</script>