JSPM

FunkitConnect

The @funkit/connect package elevates decentralize applications via web2 & web3 sign-ins together with one-click onramps & checkouts.

• 🔗 v0 Integration guide
• 🔗 v1 Integration guide (TBD)

Version Information

• Package versions < 1.x.x support wagmi v1 only.
• Package versions >= 1.x.x support wagmi v2 only.

📝 Note

This package is currently in closed beta. To learn more, reach out to developers@fun.xyz.

Dialog Composition

The Dialog component has a predefined structure for easy management of modal dialogs. It includes:

• Dialog.Title: Handles back navigation. Must be defined once in the root component of the modal with configuration of all screens.
• Dialog.Content: Wraps content with auto-scrolling behavior and consistent animations. Use this for the main body of the dialog.
• Dialog.BottomBar: Displays screen related information (e.g. CTA button, errors). Ideally rendered in the root, but for more complex cases, Dialog.BottomSection can be used as a placeholder to render the bar from deeply nested screens via createPortal.

These components should be direct children of the Dialog.