Rainbow logo
RainbowKit
2.2.0

モーダルのサイズ

モーダルのサイズ

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

デフォルトでは、RainbowKitのmodalSizewideに設定されています(このように表示されます):

また、以下のように見えるcompactモーダル サイズも提供しています:

modalSize="compact"RainbowKitProviderのプロップとして追加するだけでモーダルのサイズをcompactに設定できます:

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
export const App = () => (
<RainbowKitProvider modalSize="compact" {...etc}>
{/* Your App */}
</RainbowKitProvider>
);