> For the complete documentation index, see [llms.txt](https://v1.etherspot.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1.etherspot.io/buidler-react-component/blocks/bridges.md).

# 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.

![](/files/6GcP202RGCckf4loxvir)

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

![](/files/vZId5Zz2Jyl81FxiNT7i)

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

![](/files/2dEMJGWkYjSrkoKnrEMK)

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