1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/ui/identicon
2022-03-21 08:35:23 -05:00
..
blockieIdenticon Make default icons the same on mobile and extension #13264 (#13408) 2022-02-16 11:03:17 -06:00
identicon.component.js Handling array type values for image in Identicon component (#13484) 2022-02-01 20:11:42 -07:00
identicon.component.test.js create safer isValidAddress method (#11089) 2021-05-17 14:00:59 -05:00
identicon.container.js Feat/collectibles send flow (#13048) 2022-01-10 10:23:53 -06:00
identicon.stories.js Fix identicon component for new Storybook format (#12888) 2021-12-07 09:58:52 -08:00
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
index.scss Dark Mode: Signature Windows (#14018) 2022-03-21 08:35:23 -05:00
README.mdx Fix identicon component for new Storybook format (#12888) 2021-12-07 09:58:52 -08:00

import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import Identicon from './identicon.component';

# Identicon

An identifier component that can be supplied an image or randomly generates one based on the account address.

<Canvas>
  <Story id="ui-components-ui-identicon-identicon-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={Identicon} />

## Usage

### With Image

Use with custom image

<Canvas>
  <Story id="ui-components-ui-identicon-identicon-stories-js--with-image" />
</Canvas>

### With Blockie

<Canvas>
  <Story id="ui-components-ui-identicon-identicon-stories-js--with-blockie" />
</Canvas>

### With Border

<Canvas>
  <Story id="ui-components-ui-identicon-identicon-stories-js--with-border" />
</Canvas>