Solana Provider
wallet-ui/solana-providerFreeComponent
A provider that configures Wallet UI for your app.
Install it
npx shadcn@latest add https://registry.wallet-ui.dev/r/solana-provider.jsonSource
1'use client'23import { ReactNode } from 'react'4import {5 createSolanaDevnet,6 createSolanaLocalnet,7 createSolanaTestnet,8 createWalletUiConfig,9 WalletUi10} from '@wallet-ui/react'11import { WalletUiGillProvider } from '@wallet-ui/react-gill'12import { solanaMobileWalletAdapter } from "./solana-mobile-wallet-adapter";1314const config = createWalletUiConfig({15 clusters: [createSolanaDevnet(), createSolanaLocalnet(), createSolanaTestnet()],16})1718solanaMobileWalletAdapter({ clusters: config.clusters })1920export function SolanaProvider({ children }: { children: ReactNode }) {21 return <WalletUi config={config}>22 <WalletUiGillProvider>23 {children}24 </WalletUiGillProvider>25 </WalletUi>26}
What it pulls in
npm packages
Files it writes
More from wallet-ui
All 4 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Cluster Dropdowncluster-dropdown | wallet-ui | Components | Free | 1 dep | |
| Wallet Disconnectwallet-disconnect | wallet-ui | Components | Free | 1 dep | |
| Wallet Dropdownwallet-dropdown | wallet-ui | Components | Free | 1 dep |
