mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
c88efadf1e
* Remove ETH badge from NetworkAccountBalanceHeader when on non-ETH networks * Network specific icons, or fallback, in the network-account-balance-header * Update snapshots * Code cleanup Co-authored-by: Dan Miller <danjm.com@gmail.com> |
||
|---|---|---|
| .. | ||
| icon-with-fallback.component.js | ||
| icon-with-fallback.scss | ||
| icon-with-fallback.stories.js | ||
| icon-with-fallback.test.js | ||
| index.js | ||
| README.mdx | ||
import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';
import IconWithFallback from '.';
# IconWithFallback
Icon component that takes an image src and uses `onError` to fallback to the first letter of the icon `name`
<Canvas>
<Story id="ui-components-ui-icon-with-fallback-icon-with-fallback-stories-js--default-story" />
</Canvas>
## Props
<ArgsTable of={IconWithFallback} />
## Usage
The following describes the props and example usage for this component.
### Fallback
If the image src errors `onError` the image tag will be replace with a span and the first letter of the `name` prop
<Canvas>
<Story id="ui-components-ui-icon-with-fallback-icon-with-fallback-stories-js--fallback" />
</Canvas>