ウォレットボタン

注: 現在のWalletButtonはEIP-1193ウォレット標準に依存していますが、近いうちにEIP-6963もサポートされる予定です。

新しいWalletButtonコンポーネントは、特注のウォレットリスト実装を持つdAppsがRainbowKitとそのメンテナンスフリーの利点を採用するのに役立ちます。

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

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

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のエントリーポイントがどのように見えるか確認してください。

概要

入門

高度な設定

ウォレットボタン

デモ