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/info-tooltip
2022-01-06 11:35:49 -06:00
..
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
index.scss Dark Mode Part 1: Switch to Using CSS Variables (#13147) 2022-01-06 11:35:49 -06:00
info-tooltip-icon.js EIP-1559 - Provide Updated UI for Dapp-Suggested Gas fees (#11523) 2021-07-16 10:00:03 -05:00
info-tooltip.js info-tooltip (#12901) 2021-12-07 09:37:39 -08:00
info-tooltip.stories.js info-tooltip (#12901) 2021-12-07 09:37:39 -08:00
README.mdx info-tooltip (#12901) 2021-12-07 09:37:39 -08:00

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

import InfoTooltip from './info-tooltip';

# Info Tooltip

Text labels that appear when the user hovers over

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

## Component API

<ArgsTable of={InfoTooltip} />

## Usage

The following describes the props and example usage for this component.

### Bottom

<Canvas>
  <Story id="ui-components-ui-info-tooltip-info-tooltip-stories-js--bottom" />
</Canvas>

### Left

<Canvas>
  <Story id="ui-components-ui-info-tooltip-info-tooltip-stories-js--left" />
</Canvas>

### Right

<Canvas>
  <Story id="ui-components-ui-info-tooltip-info-tooltip-stories-js--right" />
</Canvas>