Wallets
Magic
Wallet module for connecting Magic wallets to Web3 Onboard.
Login options
- Email - The Magic module comes with a built in email login modal that is customizable in the same fashion that all other Web3 Onboard UI components are.
The Magic Module currently only supports email login but we are open to expand to sms or socials*
Install
- Yarn
- Npm
Options
Usage
Accessing the Magic Wallet configuration
When a Magic wallet is connected the Magic instance is exposed.
This can be used to get information such as user MetaData, update a user's email address or handle the user's token.
The user's email can be set in local storage and passed through the MagicInitOptions
to avoid a user having to login again if they are returning to the dapp within the set user session time.
Magic has a default time of 7 days and this can be configured through your Magic API Key settings.
For full documentation and examples please visit Magic's official docs
Custom Styling
The Magic Wallet Login styles can customized via
CSS variables. The following properties and their default properties can be customized by adding these variables to the :root
in your CSS file. If they are not specified they will fall back on the style variables prefixed with --onboard
and beyond that to the styles developed by Web3 Onboard:
Build Environments
For build env configurations and setups please see the Build Env section here