mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
67bfd446fc
* replace base avatar with avatar base component * updated tests * updated description for props * updated docs and background colors * updated snapshot * replaced size with avatar size constant * added tests and fixed indentation * fixed indentation in readme |
||
---|---|---|
.. | ||
avatar-account.constants.js | ||
avatar-account.js | ||
avatar-account.scss | ||
avatar-account.stories.js | ||
avatar-account.test.js | ||
index.js | ||
README.mdx |
import { Story, Canvas, ArgsTable } from '@storybook/addon-docs'; import { AvatarAccount } from './avatar-account'; # AvatarAccount The `AvatarAccount` is a type of avatar reserved for representing accounts. <Canvas> <Story id="ui-components-component-library-avatar-account-avatar-account-stories-js--default-story" /> </Canvas> ## Props The `AvatarAccount` accepts all props below <ArgsTable of={AvatarAccount} /> ### Size Use the `size` prop to set the size of the `AvatarAccount`. Possible sizes include: - `xs` 16px - `sm` 24px - `md` 32px - `lg` 40px - `xl` 48px Defaults to `md` <Canvas> <Story id="ui-components-component-library-avatar-account-avatar-account-stories-js--size" /> </Canvas> ### type Use the `type` prop for the avatar to be rendered, it can either be a Jazzicon or a Blockie <Canvas> <Story id="ui-components-component-library-avatar-account-avatar-account-stories-js--type" /> </Canvas>