mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-04-22 21:58:02 +00:00
Jaco Greeff
38 lines
944 B
Markdown
38 lines
944 B
Markdown
# @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>
|
|
```
|