Composables are functions that will help you control the modal, subscribe to wallet events and interact with them and smart contracts.
When using AppKit composables in Nuxt, make sure to use them within <client-only>
components for SSR compatibility.
Composable function for controlling the modal.
open
: Function to open the modalclose
: Function to close the modalYou can also select the modal’s view when calling the open
function
List of views you can select
Composable function for accessing account data and connection status.
Composable function for accessing account data and connection status for each namespace when working in a multi-chain environment.
accountData.value.address
: The current account addressaccountData.value.caipAddress
: The current account address in CAIP formataccountData.value.isConnected
: Boolean that indicates if the user is connectedaccountData.value.status
: The current connection statusComposable function for accessing network data and methods.
networkData.caipNetwork
: The current network objectnetworkData.caipNetworkId
: The current network id in CAIP formatnetworkData.chainId
: The current chain idnetworkData.switchNetwork
: Function to switch the network. Accepts a caipNetwork
object as argument.See how to import or create a networks here.
Composable function for getting the current value of the modal’s state.
stateData.open
: Boolean that indicates if the modal is openstateData.selectedNetworkId
: The current chain id selected by the userComposable function for controlling the modal’s theme.
themeAction.themeMode
: Get theme Mode.themeAction.themeVariables
: Get theme variables.themeAction.setThemeMode
: Set theme Mode. Accepts a string as parameter (‘dark’ | ‘light’)themeAction.setThemeVariables
: Set theme variables. Check the example usage.Composable function for subscribing to modal events.
events.timestamp
: Get the timestamp of the eventevents.data.event
: Get string of the event.events.data.properties
: get more information from the event.Composable function for disconnecting the session.
namespace
(optional): The specific chain namespace to disconnect from. If not provided, disconnects from all connected namespaces.Composable function for accessing wallet information.
You can use Wagmi actions to sign messages, interact with smart contracts, and much more.
Action for accessing account data and connection status.
Action for signing messages with connected account.
Hook that returns the walletProvider
and the WalletProviderType
.
You can use Wagmi actions to sign messages, interact with smart contracts, and much more.
Action for accessing account data and connection status.
Action for signing messages with connected account.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the connection object. More info about Connection Class
Composables are functions that will help you control the modal, subscribe to wallet events and interact with them and smart contracts.
When using AppKit composables in Nuxt, make sure to use them within <client-only>
components for SSR compatibility.
Composable function for controlling the modal.
open
: Function to open the modalclose
: Function to close the modalYou can also select the modal’s view when calling the open
function
List of views you can select
Composable function for accessing account data and connection status.
Composable function for accessing account data and connection status for each namespace when working in a multi-chain environment.
accountData.value.address
: The current account addressaccountData.value.caipAddress
: The current account address in CAIP formataccountData.value.isConnected
: Boolean that indicates if the user is connectedaccountData.value.status
: The current connection statusComposable function for accessing network data and methods.
networkData.caipNetwork
: The current network objectnetworkData.caipNetworkId
: The current network id in CAIP formatnetworkData.chainId
: The current chain idnetworkData.switchNetwork
: Function to switch the network. Accepts a caipNetwork
object as argument.See how to import or create a networks here.
Composable function for getting the current value of the modal’s state.
stateData.open
: Boolean that indicates if the modal is openstateData.selectedNetworkId
: The current chain id selected by the userComposable function for controlling the modal’s theme.
themeAction.themeMode
: Get theme Mode.themeAction.themeVariables
: Get theme variables.themeAction.setThemeMode
: Set theme Mode. Accepts a string as parameter (‘dark’ | ‘light’)themeAction.setThemeVariables
: Set theme variables. Check the example usage.Composable function for subscribing to modal events.
events.timestamp
: Get the timestamp of the eventevents.data.event
: Get string of the event.events.data.properties
: get more information from the event.Composable function for disconnecting the session.
namespace
(optional): The specific chain namespace to disconnect from. If not provided, disconnects from all connected namespaces.Composable function for accessing wallet information.
You can use Wagmi actions to sign messages, interact with smart contracts, and much more.
Action for accessing account data and connection status.
Action for signing messages with connected account.
Hook that returns the walletProvider
and the WalletProviderType
.
You can use Wagmi actions to sign messages, interact with smart contracts, and much more.
Action for accessing account data and connection status.
Action for signing messages with connected account.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the client’s information.
Hook that returns the walletProvider
and the WalletProviderType
.
Hook that returns the connection object. More info about Connection Class