Installation

1npm install react react-dom styled-components

1import { TokenKitWrapper, themes } from 'starknet-tokenkit';
2 
3export default function App({ children }) {
4  return (
5    <TokenKitWrapper
6      network="SN_MAIN"
7      apiKey={process.env.NEXT_PUBLIC_TOKENKIT_API_KEY!}
8      mainnetEndpoint="https://api.tokenkithq.io"
9      sepoliaEndpoint="https://api.sepolia.tokenkithq.io"
10      themeObject={themes.dark}
11      options={{ tokensToLoad: 'public', enableRecent: true }}
12    >
13      {children}
14    </TokenKitWrapper>
15  );
16}

1import type { IToken, Theme, TokenKitOptions } from 'starknet-tokenkit';

1import { useState } from 'react';
2import { SelectTokenModal, type IToken } from 'starknet-tokenkit';
3 
4export default function VerifyToken() {
5  const [selected, setSelected] = useState<IToken | null>(null);
6  return (
7    <SelectTokenModal selectedToken={selected} callBackFunc={setSelected}>
8      <button>{selected?.symbol ?? 'Open picker'}</button>
9    </SelectTokenModal>
10  );
11}