Components

Drop-in, themeable React components. All are imported from rabitwallet and must sit inside a <RabitProvider>.

<WalletButton>

The one component most apps need. Signed out, it shows a Sign in button that opens the auth modal (email / Google). Signed in, it becomes an account pill that opens the wallet dashboard — balances, send, swap, buy, activity.

import { WalletButton } from 'rabitwallet'
 
<WalletButton />

<AuthModal>

The email/Google sign-in modal, if you want to trigger it yourself instead of using WalletButton.

import { AuthModal } from 'rabitwallet'
 
<AuthModal open={open} onClose={() => setOpen(false)} />

<RabitDashboard>

The full embedded wallet UI — portfolio, token list, send, swap, buy/sell, activity, and settings. Render it inline (e.g. in a page or drawer) instead of the popover from WalletButton.

import { RabitDashboard } from 'rabitwallet'
 
<RabitDashboard />

Building blocks

Compose your own UI from the smaller pieces:

import { TokenList, PortfolioTotal, ActivityFeed } from 'rabitwallet'
 
function Wallet() {
  return (
    <>
      <PortfolioTotal />
      <TokenList />
      <ActivityFeed />
    </>
  )
}