0.1.0 • Published 2 years ago

@axia-js/react-identicon v0.1.0

Weekly downloads
-
License
Apache-2.0
Repository
-
Last release
2 years ago

@axia-js/react-identicon

A generic identity icon that can render icons based on the theme, be it Substrate or AXIA

Usage Examples

To install the component, do yarn add @axia-js/react-identicon

Inside a React component, you can now render any account with the associated icon -

import Identicon from '@axia-js/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
  // 'axia', 'substrate' (default), 'beachball' or 'jdenticon'
  const theme = 'axia';

  // standard className & style props are also available
  return (
    <Identicon
      value={address}
      size={size}
      theme={theme}
    />
  );
}
...