モーダルサイズ

モーダルサイズ

ワイド vs. コンパクトサイズ

デフォルトでは、RainbowKitのmodalSizeはwideに設定されています（次のように表示されます）:

compactモーダルサイズも提供しており、次のように表示されます:

モーダルサイズをcompactに設定するには、RainbowKitProviderのプロパティにmodalSize="compact"を追加するだけです:

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

export const App = () => (
  <RainbowKitProvider modalSize="compact" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);