m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code
dc253068f9
metamask-extension/ui/components/ui/info-tooltip
History
Nidhi Kumari 7424e98416
Updated all instances of "Component API" to "Props" in storybook documentation (#15324) 
* replaced Component API with Props

* replaced Component API with Props in DOCUMENTATION.stories.mdx

* removed base avatar component
2022-07-27 00:22:40 +05:30
..
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 Fixing tooltip theming by enforcing default theme (#14992) 2022-06-21 09:50:44 -07:00
info-tooltip.stories.js Fixing tooltip theming by enforcing default theme (#14992) 2022-06-21 09:50:44 -07:00
README.mdx Updated all instances of "Component API" to "Props" in storybook documentation (#15324) 2022-07-27 00:22:40 +05:30

README.mdx 

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>

## Props

<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>