Rainbow logo
RainbowKit
2.2.1

Overview

IntroductionMigration Guide

Getting Started

InstallationConnectButtonModal SizesThemingChainsLocalizationAuthenticationRecent Transactions

Advanced

Modal HooksCustom ConnectButtonCustom ThemeCustom Wallet ListCustom WalletsCustom ChainsCustom App InfoCustom AvatarsCustom AuthenticationWalletButtonCool Mode

Cool Mode

Cool Mode

Enabling cool mode 🌈🌈🌈

You can enable cool mode via the coolMode prop on the RainbowKitProvider.

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



const App = () => (

  <RainbowKitProvider coolMode {...etc}>

    {/* Your App */}

  </RainbowKitProvider>

);

But what is it?

Emoji explosions when a wallet is selected from the wallet list 🌈🌈🌈. It uses the icon of the wallet you select.

Demo

Press the buttons below to see what cool mode does.

PreviousWalletButton