Cross-chain Actions UI Guide
This UI guide is a counterpart to the technical Cross-chain Actions Integration Guide and is intended to offer UI and UX patterns developers can implement directly within their core application CTAs.
Best Practices
Embed a source chain selector directly within the UI component where users perform an action.
Default the source chain selector to the balance where the user has the most funds of the input asset. The destination chain is the network where the user is interacting with your protocol.
Don't require users to go to wallet, switch network, then return to app to perform an action. For example, if the user selects a source chain that is not the network they are currently connected to:
1: user clicks the button to perform the action ("confirm")
2: wallet prompts user to switch network to the source chain
3: wallet prompts user to execute the cross-chain action (depositing into Across)
Example Flow
Last updated