@lidofinance/eth-ui-wallet-modal v0.42.0
@lidofinance/eth-ui-wallet-modal
Widget EVM wallet modal.
Installation
- React 17 || 18
yarn add @lidofinance/eth-ui-wallet-modal
# and additional
yarn add styled-components@^5.3.5 @lidofinance/lido-ui@^3.6.1 @reef-knot/connect-wallet-modal@^0.5.2 @reef-knot/web3-react@^0.3.0 @lidofinance/ui-primitives@^<TODO> @lidofinance/eth-ui-primitives@^<TODO>
Getting started
🔮 Provider
import { ProviderWalletModal } from '@lidofinance/eth-ui-wallet-modal';
<ProviderWalletModal
reefKnot={{
walletsMetrics: walletsMetrics,
hiddenWallets: ['Opera Wallet'],
}}
>
<SomeComponent />
</ProviderWalletModal>
More info about reefKnot
props you can see in:
./types.ts
type ProviderWalletModalProps- about
walletsMetrics
here @reef-knot metrics demo - about
hiddenWallets
here @reef-knot/connect-wallet-modal
PAY ATTENTION that ProviderWalletModal
requires CookieThemeProvider
from @lidofinance/lido-ui
,
but you don't need to wrap it like:
<CookieThemeProvider>
<ProviderWalletModal />
</CookieThemeProvider>
because ProviderWalletModal
source code was wrapped by CookieThemeProvider
more details.
👛 WalletButton component
Use WalletButton
component to show button that open modal with connected wallet info more detail.
The WalletButton
use ConnectedWalletInfoModal
always and you can't change it.
P.S. Example you can find on Lido frontend template.
👛 WalletConnectButton component
Use WalletConnectButton
component to show button that open modal with connect wallet options.
The WalletButton
use WalletsModalForEth
from @reef-knot
package always, so you can't change it.
P.S. Example you can find on Lido frontend template.
🤔 I need to change a default behavior for WalletButton
or/and WalletConnectButton
- You can copy this code and make your own implementation on widget side.
- You can contact with us Discord.
2 months ago
2 months ago
3 months ago
5 months ago
10 months ago
10 months ago
10 months ago
10 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
10 months ago
11 months ago
11 months ago
11 months ago
12 months ago