1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
metamask-extension/ui/components/ui/icon-with-fallback
Nidhi Kumari c5368c152b
Added storybook check to CI (#17092)
* added storybook test runner

* added test runner in ci

* updated test for ci and fixed lint error

* updated lavamoat policy

* updated test command

* updated playwright

* changed command to storybook;ci

* updated command

* updated instance for test-storybook

* updated playwright

* added playwright step

* replaced concurrently with start-server-and-test

* updated the static storybook directory

* replaced first with last

* updated lock file

* replaced first with last

* updated test-storybook with maxworkers

* updated .depchechrc

* updated yml

* removed id from banner base

* replaced broken stories with .stories-to-do.js extesnsion

* updated token allowance story

* removed duplicacies from yarn

* fixed lavamoat

* removed filename comment

* updated links for docs

* fixed file extension for stories

* updated path for stories.json

* updated stories.json path

* yarn updated

* updated stories

* updated yarn

* updated wait on
2023-01-21 00:57:46 +05:30
..
icon-with-fallback.component.js Remove ETH badge from NetworkAccountBalanceHeader when on non-ETH net… (#16102) 2022-10-25 17:03:45 +02:00
icon-with-fallback.scss Update design tokens library from 1.5 to 1.6 WIP (#14732) 2022-05-25 08:35:36 -07:00
icon-with-fallback.stories.js Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30
icon-with-fallback.test.js Updating IconWithFallback to functional component, adding stories and docs (#12797) 2021-11-24 11:43:22 -08:00
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
README.mdx Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30

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="components-ui-iconwithfallback--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="components-ui-iconwithfallback--default-story" />
</Canvas>