# useWalletUI

> @web3auth/modal Vue Composables useWalletUI | Embedded Wallets

Hook to show the Wallet Services UI modal using the Wallet Services plugin.

:::info

Please note that this composable doesn't work for external wallet logins. It only works for social login embedded wallets.

:::

### Import

```ts

```

### Usage

```html
<script setup>

  const { showWalletUI, loading, error } = useWalletUI()
</script>

<template>
  <button @click="showWalletUI" :disabled="loading">
    {{ loading ? "Opening Wallet UI..." : "Show Wallet UI" }}
  </button>
  {{ error.message }}
</template>
```

### Return type

```ts

```

#### `loading`

`boolean`

Whether the Wallet UI opening process is in progress.

#### `error`

`Web3AuthError | null`

Error that occurred during the Wallet UI opening process.

#### `showWalletUI`

`(showWalletUiParams?: BaseEmbedControllerState["showWalletUi"]) => Promise<void>`

Function to show the Wallet Services modal UI. Accepts optional parameters for customizing the wallet UI experience.