You can obtain the AarcFundKitModal object from @aarc-xyz/fundkit-web-sdk. This Class provides various methods and attributes for interacting with the widget, such as opening and closing it, setting a custom amount, and more.

Learn more about custom types from here

Method/AttributeTypeDescription
configFKConfig | undefinedThe configuration object for the modal.
openModalFunctionOpen modal iFrame view
closeFunctionClose modal iFrame view
initFunctionInitialize the listeners

​
Example

Ensure config is properly configured before using openModal

import {
    AarcFundKitModal,
    FKConfig,
    TransactionErrorData,
    TransactionSuccessData,
} from "@aarc-xyz/fundkit-web-sdk"
import {aarcConfig} from "./config";

const aarcModalRef = new AarcFundKitModal(aarcConfig);
const aarcModal = aarcModalRef.current;

export default function Home() {
    return <button onClick={aarcModal.openModal}> Open Modal </button>
};