> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dynamic.xyz/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Funding Options

> Learn how to show and hide the funding options UI in your React Native application.

The Dynamic SDK provides methods to show and hide a funding options UI that allows users to add funds to their wallets.

## Show Funding Options

```typescript theme={"system"}
client.ui.fundingOptions.show()
```

Shows the funding options UI overlay where users can select different methods to fund their wallet.

## Hide Funding Options

```typescript theme={"system"}
client.ui.fundingOptions.hide()
```

Dismisses the funding options UI overlay if it's currently visible.

## Usage Example

Here's a basic example of how to implement funding options in your React Native application:

```typescript theme={"system"}
import { useReactiveClient } from '@dynamic-labs/react-hooks';
import { dynamicClient } from './path-to-your-client'; // Replace with your actual client path

export const useDynamicClient = () => useReactiveClient(dynamicClient);

const FundingComponent = () => {
  const client = useDynamicClient()

  const handleShowFunding = () => {
    client.ui.fundingOptions.show()
  }

  const handleHideFunding = () => {
    client.ui.fundingOptions.hide()
  }

  return (
    <>
      <Button onPress={handleShowFunding} title="Add Funds" />
      <Button onPress={handleHideFunding} title="Close Funding Options" />
    </>
  )
}
```
