PREX∞.1Doc
Dashboard

Wallet

Components for managing user wallets, including wallet creation.

Embedded Wallet

The Embedded Wallet component displays the children for logged-in users and shows a login form for users who are not logged in.

Custom Login Component

The Custom Wallet Creation Component allows you to customize the wallet creation view.

Logout Button

The Logout Button component allows you to logout the user.

Device Passkey Support

The Device Passkey Support component allows you to check if the device supports passkeys. (In the example below, we are simulating a situation where the device does not support passkeys.)

Not supported

Test Login View

By using dryRunInitialState, you can test the login screen by setting the client to a logged-out state. You can also use 'passkeyNotAvailable' to check the display on browsers where passkeys are not available.

'use client';
import { PrexUIKitProvider, USDC_TOKEN_ARBITRUM, WETH_TOKEN_ARBITRUM } from "@prex0/uikit";

const TOKENS = [USDC_TOKEN_ARBITRUM, WETH_TOKEN_ARBITRUM];

export function Providers({ children }: { children: React.ReactNode }) {
  return (
    <PrexUIKitProvider
      // Arbitrum
      chainId={42161}
      policyId={process.env.NEXT_PUBLIC_POLICY_ID || 'test'}
      apiKey={process.env.NEXT_PUBLIC_API_KEY || 'test'}
      tokens={TOKENS}
      dryRun
      dryRunInitialState={'loggedOut'}
  >
      {children}
    </PrexUIKitProvider>
  );
}