mirror of https://github.com/pezkuwichain/pezkuwi-ui.git synced 2026-04-22 05:37:58 +00:00

Files

T

* 2.11.3

* Fix lint

* Update polkadot-dev-run-test

* Adjust jest setupEnv

2023-02-19 15:38:09 +02:00

src

[CI Skip] release/stable 2.11.2

2023-02-15 09:56:04 +00:00

demo.png

Move ui-identicon -> react-identicon (#165 )

2019-07-29 11:30:37 +02:00

index.html

Cleanup shared, consistency with standards (#309 )

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

package.json

2.11.3 (#717 )

2023-02-19 15:38:09 +02:00

README.md

Move ui-identicon -> react-identicon (#165 )

2019-07-29 11:30:37 +02:00

tsconfig.build.json

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

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

README.md

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