Adopting the Rainbow Button in your dApp
RainbowButton component is the simplest way to add support for Rainbow Wallet to dApps that use
wagmi and prefer a more custom connector experience over RainbowKit.
@rainbow-me/rainbow-button and its peer dependencies
The package is compatible with Next.js, React, and Vite. Ensure that you follow peer dependency warnings.
2. Configure with Wagmi and install the RainbowButton
Pass an instance of the
rainbowConnector to Wagmi's
appName, and wrap your app in the
RainbowButtonProvider. Then drop-in the
You can also use the
RainbowButton.Custom component for custom implementations and styling.
3. And that's it!
Now your users can enjoy a seamless connection experience for Rainbow — without any maintenance or headaches.