@polkadot/react-identicon
TypeScript icon, indicating that this package has built-in type declarations

3.11.3 • Public • Published

@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}
    />
  );
}
...

Readme

Keywords

none

Package Sidebar

Install

npm i @polkadot/react-identicon

Weekly Downloads

10,187

Version

3.11.3

License

Apache-2.0

Unpacked Size

180 kB

Total Files

57

Last publish

Collaborators

  • polkadotjs
  • jacogr