swap-transaction v1.0.0

完整版 swap交易

swap-transaction

安装

yarn add swap-transaction

or

npm installswap-transaction

使用

完全受控于外部组件

import React from 'react'
import { SwapPanel, useDisclosure } from 'swap-transaction'

function App() {
  return (
    <div className="App">
      <div style={{
        position: 'fixed',
        top: '50px',
        right: '50px',
        width: '375px',
        borderRadius: '8px',
        overflow: 'hidden',
      }} >
      <SwapPanel />
      </div>
    </div>
  )
}


export default App

以挂件形式自控

import React from 'react'
import { SwapTroggle, useDisclosure } from 'swap-transaction'

function App() {
  const { isOpen, onOpen, onClose } = useDisclosure()

  return (
    <div className="App">
      <SwapTroggle isOpen={isOpen} onClose={onClose} />
      <button onClick={onOpen}>
      打开Swap面板
      </button>
    </div>
  )
}

export default App