open-index/open-npm huggingface dataset:
npm package: @j0nnyboi/wallet-adapter-ant-design
Description: # Quick Setup (using Create-React-App with craco-less) See the [example](https://github.com/solana-labs/wallet-adapter/tree/master/packages/example) package for more usage.
Author: Solana Maintainers
Latest version: 0.11.10

# `@solana/wallet-adapter-ant-design`

# Quick Setup (using Create-React-App with craco-less)
See the [example](https://github.com/solana-labs/wallet-adapter/tree/master/packages/example) package for more usage.

## Install

1. Set up craco if you haven't already using the following [guide](https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation).
2. Add `craco-less` into the project `yarn add craco-less`.
   1. Add it to the `craco.config.js` file
        ```javascript
        const CracoLessPlugin = require('craco-less');
        module.exports = {
            plugins: [
                {
                    plugin: CracoLessPlugin,
                    options: {
                        lessLoaderOptions: {
                            lessOptions: {
                                modifyVars: { '@primary-color': '#512da8' },
                                javascriptEnabled: true,
                            },
                        },
                    },
                },
            ],
        };
        ```
3. Install these peer dependencies (or skip this if you have them already):

```
yarn add antd \
         @ant-design/icons \
         @solana/web3.js \
         react
```
4. Install these dependencies:

```
yarn add @solana/wallet-adapter-wallets \
         @solana/wallet-adapter-react \
         @solana/wallet-adapter-ant-design \
         @solana/wallet-adapter-base
```


## Usage
Check out usage in the [example](https://github.com/solana-labs/wallet-adapter/tree/master/packages/starter/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
```
npm package: @j0nnyboi/wallet-adapter-walletconnect
Description: ``` import { WalletConnectWalletAdapter } from '@solana/wallet-adapter-walletconnect';
Author: Solana Maintainers
Latest version: 0.1.14

# `@solana/wallet-adapter-walletconnect`

```
import { WalletConnectWalletAdapter } from '@solana/wallet-adapter-walletconnect';

const App = () => {
  ...
  const wallets = useMemo(
      () => [
          new WalletConnectWalletAdapter({
              network,
              options: {
                  relayUrl: 'wss://relay.walletconnect.com',
                  // example WC app project ID
                  projectId: 'e899c82be21d4acca2c8aec45e893598',
                  metadata: {
                      name: 'Example App',
                      description: 'Example App',
                      url: 'https://github.com/solana-labs/wallet-adapter',
                      icons: ['https://avatars.githubusercontent.com/u/35608259?s=200'],
                  },
              },
          }),
      ],
      []
  );
  ...
}
```