@provablehq/aleo-wallet-adaptor-react-ui
v0.3.0-alpha.0
Published
UI components for wallet adapter integration
Readme
@provablehq/aleo-wallet-adaptor-react-ui
Drop-in React components—modals, buttons, icons—for projects that use the Aleo wallet adaptor provider.
When to use it
- You already integrate
@provablehq/aleo-wallet-adaptor-reactand want production-ready UI elements. - You need a wallet picker modal that adapts to installed/loadable wallets automatically.
- You prefer to customise styling via CSS variables rather than building UI from scratch.
Installation
pnpm add @provablehq/aleo-wallet-adaptor-react-uiInclude the distributed stylesheet once in your bundle:
import '@provablehq/aleo-wallet-adaptor-react-ui/dist/styles.css';Usage
import { WalletModalProvider, WalletMultiButton } from '@provablehq/aleo-wallet-adaptor-react-ui';
export function Layout({ children }: { children: React.ReactNode }) {
return (
<WalletModalProvider>
<WalletMultiButton />
{children}
</WalletModalProvider>
);
}Related packages
@provablehq/aleo-wallet-adaptor-react– required provider context for these components.- Wallet adapters such as
@provablehq/aleo-wallet-adaptor-prove-alpha,-puzzle,-leo, etc.
Live demo: https://aleo-dev-toolkit-react-app.vercel.app/
