Maklumat Apl Tersuai

Menyesuaikan maklumat apl anda

Anda boleh menghantar maklumat apl anda dalam prop appInfo untuk RainbowKitProvider. Sifat-sifat yang anda boleh ubah ialah nama apl anda (appName) dan pautan yang di mana butang “Learn More” dalam modal sambungan mengalihkan ke (learnMoreUrl):

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

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

Tambah Penafian

Anda boleh menyediakan penafian anda sendiri untuk dipaparkan di bahagian bawah modal sambungan. Hartanah disclaimer dalam appInfo memerlukan DisclaimerComponent dengan argumen Text dan Link. Anda boleh menggunakannya untuk membina penafian anda sendiri yang mewarisi sistem tematik. Kami mengeksport jenis 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>
  );
};

Tinjauan

Memulakan

Lanjutan

Maklumat Apl Tersuai

Menyesuaikan maklumat apl anda

Tambah Penafian