Rainbow logo
RainbowKit
2.2.10

맞춤 앱 정보

맞춤 앱 정보

앱의 정보를 사용자 정의하기

RainbowKitProviderappInfo 속성에 앱의 정보를 전달할 수 있습니다. 수정할 수 있는 속성들은 앱의 이름 (appName)과 연결 모달의 "자세히 알아보기" 버튼이 리디렉션되는 링크 (learnMoreUrl)입니다.

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider appInfo={{ appName: 'Rainbowkit Demo', learnMoreUrl: 'https://learnaboutcryptowallets.example', }} {...etc} >
{/* ... */}
</RainbowKitProvider>
);
};

연결 모달 하단에 표시할 자신만의 주의 사항을 제공할 수 있습니다. appInfodisclaimer 속성은 TextLink 인자를 가지는 DisclaimerComponent를 받습니다. 이를 사용하여 테마 시스템을 상속하는 자신만의 주의 사항을 만들 수 있습니다. TypeScript 사용자들을 위해 DisclaimerComponent 타입을 내보냅니다.

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>
);
};