WalletButton

注記: WalletButtonは現在EIP-1193ウォレット標準に依存していますが、近い将来EIP-6963をサポートする予定です。

新しいWalletButtonコンポーネントは、dAppsがカスタムウォレットリストの実装をRainbowKitのすべての保守性のないメリットと共に採用するのに役立ちます。

import { WalletButton } from '@rainbow-me/rainbowkit';

<WalletButton wallet="rainbow" />
<WalletButton wallet="metamask" />
<WalletButton wallet="coinbase" />

ConnectButtonと同様に、WalletButton.Customコンポーネントはカスタム実装とスタイリングのために利用可能です。

<WalletButton.Custom wallet="rainbow">
  {({ ready, connect }) => {
    return (
      <button
        type="button"
        disabled={!ready}
        onClick={connect}
      >
        Connect Rainbow
      </button>
    );
  }}
</WalletButton.Custom>

ほとんどのdAppsはConnectButtonで最もよく対応されます。 WalletButtonの採用とユースケースに関する詳細は、こちらのドキュメントを参照してください。

デモ

以下のボタンを押して、この RainbowKit エントリポイントがどのように見えるかをご確認ください。

概要

入門

高度な設定

WalletButton

デモ