# WalletView

## Overview

The WalletView function renders a wallet interface for users that allows the user to do the following:

* View all their tokens
* Send tokens
* Deposit tokens
* Buy tokens through our integrated fiat-on-ramp
* View their transaction history
* Export their private wallet key.
* Change their language.
* Change their network
* Change their UI theme.

Once the user logs in, we recommend you replace the login button with a new button that shows their wallet address and triggers the `openWallet()` function when clicked.   

See these functions in action at <https://example.ramper.xyz/>\
\
**Screenshots**

<div align="left"><img src="/files/dOowiksi3QM3TRtaowho" alt="Token View"> <img src="/files/3N4QJQ5H91lVU2xZTvR6" alt="Settings"> <img src="/files/3BkdZchxdSxeofo5QJQC" alt="Sign Transactions"></div>

## Include in your DApp

It's extremely simple to include WalletView in your DApp if you're already using Ramper SDK!

{% tabs %}
{% tab title="EVM" %}

```jsx
import { openWallet } from '@ramper/ethereum'

<button onClick={openWallet}>My Wallet</button>
```

{% endtab %}

{% tab title="Terra" %}

```jsx
import { openWallet } from '@ramper/terra'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}

{% tab title="NEAR" %}

```jsx
import { openWallet } from '@ramper/near'

...    

<Button onClick={openWallet}>My Wallet</Button>
```

{% endtab %}
{% endtabs %}

## More Screenshots

**Transactions View:**

<div align="left"><img src="/files/v1l0ifJsi6O7Cgxoo8td" alt=""></div>

**Fiat on-ramp:**

![](/files/y8wk2e28XNZkm9V3Z7q1)<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ramper.xyz/embedded-wallet-sdk/quickstart/for-web-apps/version-1/in-app-wallet-view/walletview.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.