useWalletUiDropdown

The useWalletUiDropdown hook provides all the necessary logic and props to build a wallet dropdown component. It handles the list of wallets, connection/disconnection actions, and the underlying menu state.

This hook powers the standard WalletUiDropdown component. You can use this hook directly to build a completely custom dropdown UI.

Return Value

The hook returns an object with the following properties:

Example

This example shows how to use the hook with the BaseDropdown component to create a functioning wallet dropdown.

import { useWalletUiDropdown, BaseDropdown } from '@wallet-ui/react';

function CustomWalletDropdown() {
    const { buttonProps, items, dropdown } = useWalletUiDropdown();

    return <BaseDropdown buttonProps={buttonProps} dropdown={dropdown} items={items} />;
}