@solana/wallet-adapter-ant-design
Quick Setup (using Create-React-App with craco-less)
See the example package for more usage.
Install
- Set up craco if you haven't already using the following guide.
- Add
craco-less
into the projectnpm install --save craco-less
.- Add it to the
craco.config.js
fileconst CracoLessPlugin = require('craco-less'); module.exports = { plugins: [ { plugin: CracoLessPlugin, options: { lessLoaderOptions: { lessOptions: { modifyVars: { '@primary-color': '#512da8' }, javascriptEnabled: true, }, }, }, }, ], };
- Add it to the
- Install these peer dependencies (or skip this if you have them already):
npm install --save \
antd \
@ant-design/icons \
@solana/web3.js \
react
- Install these dependencies:
npm install --save \
@solana/wallet-adapter-wallets \
@solana/wallet-adapter-react \
@solana/wallet-adapter-ant-design \
@solana/wallet-adapter-base
Usage
Check out usage in the example package.
Overrides
You can override the following elements from the stylesheet:
.wallet-adapter-icon
.wallet-adapter-modal-menu
.wallet-adapter-modal-menu-item
.wallet-adapter-modal-menu-button
.wallet-adapter-modal-menu-button-icon
.wallet-adapter-multi-button-menu
.wallet-adapter-multi-button-menu-item
.wallet-adapter-multi-button-menu-button
.wallet-adapter-multi-button-icon
.wallet-adapter-multi-button-item