mirror of
https://github.com/pezkuwichain/pezkuwi-ui.git
synced 2026-04-22 03:17:58 +00:00
Jaco Greeff
85a8a3a0ee
* Add vue-identicon * Remove generated file * Add links to reactnative & vue identicons * Update package.json * Update Jdenticon.vue * Update Polkadot.vue * Move deps around * Empty on error * Build to build * ... typo * Fix vue-identicon doc generation * Ok, I give up... vuepress and vue packages, no luck * Swap to TypeScript components (aligning with polkadot-js) * Expand template with build * Adjust vue examples * debump gh-pages dep * Expand doc. desc. * Fix vuepress docs generation * Address CC complexity * eslint fix (babel config) * Add Bechball
@polkadot/react-identicon
A generic identity icon that can render icons based on the theme, be it Substrate or Polkadot
Usage Examples
To install the component, do yarn add @polkadot/react-identicon
Inside a React component, you can now render any account with the associated icon -
import Identicon from '@polkadot/react-identicon';
...
render () {
// address is an ss58-encoded address or publicKey (hex string or Uint8Array)
const { address } = this.props;
// size (optional) is a number, indicating the size (in pixels, 64 as default)
const size = 32;
// theme (optional), depicts the type of icon, one of
// 'polkadot', 'substrate' (default), 'beachball' or 'jdenticon'
const theme = 'polkadot';
// standard className & style props are also available
return (
<Identicon
value={address}
size={size}
theme={theme}
/>
);
}
...