Skip to main content

​
Install EVM wallet package

To get started, install the latest version of Paradex, EVM and Starknet packages. 
yarn add @layerswap/wallet-paradex @layerswap/wallet-evm @layerswap/wallet-starknet wagmi viem @tanstack/react-query
Wagmi is a React Hooks library for Ethereum. Viem is a low-level TypeScript Interface for Ethereum that enables developers to interact with the blockchain. TanStack Query is an async state manager that handles fetching, caching, synchronizing and more.
ParadexProvider is dependant on EVMProvider and StarknetProvider

​
Basic example

The example below shows how to preconfigure a basic wallet management with native widget package. 
import { LayerswapProvider, Swap } from "@layerswap/widget";
import { EVMProvider } from "@layerswap/wallet-evm";
import { StarknetProvider } from "@layerswap/wallet-starknet";
import { ParadexProvider } from "@layerswap/wallet-paradex";

export const WidgetPage = () => {
  return (
    <LayerswapProvider 
      config={config}
      walletProviders={[EVMProvider, StarknetProvider, ParadexProvider]}
    >
      <Swap/>
    </LayerswapProvider>
  );
};