@rainbow-me/rainbow-button

0.1.3

Patch Changes

Updated dependencies [24b5a88]
Updated dependencies [7565fb2]
Updated dependencies [5a184e9]
- @rainbow-me/rainbowkit@1.3.3

0.1.2

Patch Changes

Updated dependencies [7ba94f48]
- @rainbow-me/rainbowkit@1.3.2

0.1.1

Patch Changes

Updated dependencies [3feab0e6]
Updated dependencies [c9a8e469]
Updated dependencies [dba51779]
- @rainbow-me/rainbowkit@1.3.1

0.1.0

Minor Changes

9ce75a65: The 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.

1. Install @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.
```
npm install @rainbow-me/rainbow-button wagmi viem
```
2. Configure with Wagmi and install the RainbowButton

Pass an instance of the RainbowConnector to your Wagmi connector list, and wrap your app in the RainbowButtonProvider. Then drop-in the RainbowButton component into your wallet list.
```
import "@rainbow-me/rainbow-button/styles.css";
import {
  RainbowButtonProvider,
  RainbowConnector,
} from "@rainbow-me/rainbow-button";

const config = createConfig({
  connectors: [new RainbowConnector({ chains, projectId })],
  publicClient,
});

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <WagmiConfig config={config}>
      <RainbowButtonProvider>{/* Your App */}</RainbowButtonProvider>
    </WagmiConfig>
  );
}

export const YourApp = () => {
  return <RainbowButton />;
};
```
You can also use the RainbowButton.Custom component for custom implementations and styling.
```
<RainbowButton.Custom>
  {({ ready, connect }) => {
    return (
      <button type="button" disabled={!ready} onClick={connect}>
        Connect Rainbow
      </button>
    );
  }}
</RainbowButton.Custom>
```
3. And that's it!

Now your users can enjoy a seamless connection experience for Rainbow — without any maintenance or headaches.

A WalletButton component is also available in RainbowKit if you'd like to adopt support for additional wallets.

Patch Changes

Updated dependencies [9ce75a65]
- @rainbow-me/rainbowkit@1.3.0

0.0.1

Patch Changes

Initial beta release