@cfxdevkit/react / SwapWidget

Function: SwapWidget()

SwapWidget(__namedParameters): Element

Defined in: components/swap/SwapWidget.tsx:79

SwapWidget Component

Headless swap interface for Swappi DEX. Use render prop for custom UI.

Parameters

__namedParameters

SwapWidgetProps

Returns

Element

Example


<SwapWidget defaultSlippage={0.5}>
  {({ getQuote, executeSwap, quote, isLoadingQuote }) => (
    <div>
      <button onClick={() => getQuote('WCFX', 'USDT', '1.0')}>
        Get Quote
      </button>
      {quote && <p>You get: {quote.amountOut}</p>}
      <button onClick={executeSwap} disabled={!quote}>
        Swap
      </button>
    </div>
  )}
</SwapWidget>