# Bridges

## Introduction

The Etherspot BUIDLER component comes with a built-in block to facilitate swapping assets across chains or Layer 2 chains.

Users can select a source token and amount, and a destination asset on a different chain.

![](https://1757549899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me5QrMSqMI-eFmDUQUk%2Fuploads%2FWrE2nr5ijgS7mqQCHN9M%2FScreenshot%202022-11-29%20at%2013.17.13.png?alt=media\&token=f99ad95d-3be9-435c-9e2f-d0a78e35cdc4)

Etherspot will take care of finding the best route and display it to the user.

![](https://1757549899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me5QrMSqMI-eFmDUQUk%2Fuploads%2FR2MrVryUPLTKDgiYObjC%2FScreenshot%202022-11-29%20at%2013.22.55.png?alt=media\&token=f357d5f6-e8f2-4553-869f-0abfac6ebf53)

Once the user reviews this, they are shown a summary and they can choose whether to execute the transaction.

![](https://1757549899-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Me5QrMSqMI-eFmDUQUk%2Fuploads%2FQz2Epjj2SYunA7mQcDoM%2FScreenshot%202022-11-29%20at%2013.23.37.png?alt=media\&token=37ac2497-5d85-4dca-910a-9fa806b5d51f)

### 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_BRIDGE }]}
  />
);
```