1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 07:16:36 +01:00
metamask-extension/ui/components/ui/info-tooltip
2023-06-15 20:17:21 +02:00
..
index.js remove the ui/app and ui/lib folders (#10911) 2021-04-28 14:53:59 -05:00
index.scss Fixing tooltip theming by enforcing default theme (#14992) 2022-06-21 09:50:44 -07:00
info-tooltip-icon.js Dark Mode: Swap hex colors in ui/components/ui folder (#14191) 2022-03-25 10:09:22 -05:00
info-tooltip.js Swaps UI update (#19169) 2023-06-15 20:17:21 +02:00
info-tooltip.stories.js Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30
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 InfoTooltip from './info-tooltip';

# Info Tooltip

Text labels that appear when the user hovers over

<Canvas>
  <Story id="components-ui-infotooltip--default-story" />
</Canvas>

## Props

<ArgsTable of={InfoTooltip} />

## Usage

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

### Bottom

<Canvas>
  <Story id="components-ui-infotooltip--bottom" />
</Canvas>

### Left

<Canvas>
  <Story id="components-ui-infotooltip--left" />
</Canvas>

### Right

<Canvas>
  <Story id="components-ui-infotooltip--right" />
</Canvas>