ciphermask

A Metamask fork with Infura removed and default networks editable

History

Jyoti Puri a0e97f4681 EIP-1559 v2 - small fixes (#13392 )		3 years ago
..
__snapshots__	Add icon to actionable message component (#11409 )	3 years ago
README.mdx	Fix Actionable message for new Storybook format (#12874 )	3 years ago
actionable-message.js	Adding e2e test for edit gas fee modal (#13303 )	3 years ago
actionable-message.stories.js	Update ESLint config to v8 (#12886 )	3 years ago
actionable-message.test.js	Confirm transaction page - onchain failure handling (#12743 )	3 years ago
index.js	Add icon to actionable message component (#11409 )	3 years ago
index.scss	EIP-1559 v2 - small fixes (#13392 )	3 years ago

README.mdx

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

import ActionableMessage from '.';

# Actionable Message

Popup component that give the user information. Actionable Message component can generate a tooltip and a maximum of two action buttons.

<Canvas>
  <Story id="ui-components-ui-actionable-message-actionable-message-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={ActionableMessage} />

### One Action

Add actionable message component with one button

<Canvas>
  <Story id="ui-components-ui-actionable-message-actionable-message-stories-js--one-action" />
</Canvas>

### Two Actions

Add actionable message component with two buttons

<Canvas>
  <Story id="ui-components-ui-actionable-message-actionable-message-stories-js--two-actions" />
</Canvas>

### Left Aligned

Align actionable message component's text to left

<Canvas>
  <Story id="ui-components-ui-actionable-message-actionable-message-stories-js--left-aligned" />
</Canvas>

### With Icon

Add tooltip icon to the left of the component

<Canvas>
  <Story id="ui-components-ui-actionable-message-actionable-message-stories-js--with-icon" />
</Canvas>