Info Aplikasi Kustom

Menyesuaikan info aplikasi Anda

Anda dapat memasukkan info aplikasi Anda dalam properti appInfo untuk RainbowKitProvider. Properti yang dapat Anda modifikasi termasuk nama aplikasi Anda (appName) dan tautan di mana tombol “Pelajari Lebih Lanjut” di modal koneksi akan diarahkan (learnMoreUrl):

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

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'Rainbowkit Demo',
        learnMoreUrl: 'https://learnaboutcryptowallets.example',
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};

Tambahkan Disclaimer

Anda dapat menyediakan disclaimer Anda sendiri yang akan ditampilkan di bagian bawah modal koneksi. Properti disclaimer dalam appInfo menerima sebuah DisclaimerComponent dengan argumen Text dan Link. Anda dapat menggunakannya untuk membuat disclaimer sendiri yang mewarisi sistem tema. Kami mengekspor tipe DisclaimerComponent untuk pengguna TypeScript:

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

const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
  <Text>
    By connecting your wallet, you agree to the{' '}
    <Link href="https://termsofservice.xyz">Terms of Service</Link> and
    acknowledge you have read and understand the protocol{' '}
    <Link href="https://disclaimer.xyz">Disclaimer</Link>
  </Text>
);

const App = () => {
  return (
    <RainbowKitProvider
      appInfo={{
        appName: 'RainbowKit Demo',
        disclaimer: Disclaimer,
      }}
      {...etc}
    >
      {/* ... */}
    </RainbowKitProvider>
  );
};

Ikhtisar

Memulai

Lanjutan

Info Aplikasi Kustom

Menyesuaikan info aplikasi Anda

Tambahkan Disclaimer