Comment on page

Cosmos Kit

Cosmos Kit is a UI library that simplifies the process of connecting your dApp to any Cosmos-related wallet. To begin integrating with Cosmos Kit, consult the documentation here.

How to Add Leap Cosmos Snap to Cosmos Kit

First, import the wallets from the package @cosmos-kit/leap-metamask-cosmos-snap:
import { wallets as leap-cosmos-snap } from "@cosmos-kit/leap-metamask-cosmos-snap";
Next, add it to your provider:
function MyCosmosApp({ Component, pageProps }: AppProps) {
return (
<ChainProvider
chains={chains}
assetLists={assets}
wallets={[...leap-cosmos-snap]}
walletConnectOptions={...} // required if `wallets` contains mobile wallets
>
<Component {...pageProps} />
</ChainProvider>
);
}
export default MyCosmosApp;