> For the complete documentation index, see [llms.txt](https://docs.neopin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.neopin.io/developers/deprecated/deprecated-neopin-connect-1.0/dapp/web/usage/neopin-connect-modal.md).

# Neopin Connect Modal

{% hint style="danger" %}
The following information is deprecated and may limit its use. Please refer to the WalletConnect 2.0 tab for the latest version of NEOPIN wallet integration: [WalletConnect 2.0](/developers/walletconnect-2.0.md)
{% endhint %}

* You can attach a callback function when NEOPIN Connect QR Modal is working.
* Open - You can define actions that occur when modal is opened by overriding callbacks. 
* Close - Like the open method, the actions that occur when disconnected can be used in the same way as 'open' by putting a callback function.

```javascript
import NeopinConnectQRCode from "nptconnect-qrcode-modal";

/** 
get connector from nptconnector
**/
const uri = connector.uri;

/**
 *  Open QR Code Modal
 */
NeopinConnectQRCode.open(uri);

/**
 *  Close QR Code Modal
 */
NeopinConnectQRCode.close();
```