# Swaps

## Introduction

The Swaps block allows a user to facilitate asset swaps as part of the BUIDLER component. 

Users can use assets in their Key Wallet or Smart Wallet to swap assets. 

![](https://1757549899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me5QrMSqMI-eFmDUQUk%2Fuploads%2F8XnPU9u4a8Vh4l7ZJP8E%2FScreenshot%202022-11-29%20at%2002.12.50.png?alt=media\&token=885ed349-98b4-4150-a444-658734df6c64)

Once a user selects their swap pair and amount, they can then choose a swap offer from the list presented.

![](https://1757549899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me5QrMSqMI-eFmDUQUk%2Fuploads%2FqPs5FSapfeKy43NQhDFH%2FScreenshot%202022-11-29%20at%2002.13.51.png?alt=media\&token=7030d716-8fbc-4034-b187-180934713318)

Once the user has chosen their offer, they are ready to make the swap.

### Implementation

Copy and paste the code below to get started.

```jsx
import {
  Etherspot,
  TRANSACTION_BLOCK_TYPE,
} from "@etherspot/react-transaction-buidler";

// ...

return (
  <Etherspot
    defaultTransactionBlocks={[{ type: TRANSACTION_BLOCK_TYPE.ASSET_SWAP }]}
  />
);
```