1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/transaction-detail-item
George Marshall 05a20bb721
Add responsive props to Box component (#15106)
* Adding responsive props to Box component

* Updating margin array prop instances

* Updating padding array prop instances

* Updates to docs, tests and margin, padding instances

* Optimizing class name object

* Simplifying single value logic

* replacing for loop with switch statement

* Memoizing generateClassNames function
2022-07-20 13:47:51 -07:00
..
index.js Provide New UI Components for EIP-1559 Designs (#11357) 2021-06-23 18:39:44 -05:00
index.scss Update design tokens library from 1.5 to 1.6 WIP (#14732) 2022-05-25 08:35:36 -07:00
README.mdx Fix transaction-detail-item for new Storybook format (#12820) 2021-12-07 08:40:05 -08:00
transaction-detail-item.component.js Add responsive props to Box component (#15106) 2022-07-20 13:47:51 -07:00
transaction-detail-item.stories.js Fix transaction-detail-item for new Storybook format (#12820) 2021-12-07 08:40:05 -08:00

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

import TransactionDetailItem from '.';

# Transaction Detail Item

Transaction detail that includes estimated gas fees. Intended to be used as an array item in the array passed to the `rows` prop of `<TransactionDetail />`

<Canvas>
  <Story id="ui-components-app-transaction-detail-item-transaction-detail-item-stories-js--default-story" />
</Canvas>

## Component API

<ArgsTable of={TransactionDetailItem} />