Deposit - Orderly

Block component allowing users to deposit.

Features

The component is already integrated with @orderly.network/hooks and can be used without any configuration.
The component handles checks on the user’s status, as well as connection to the wallet.
The component must be used within the ConnectionProvider component within OrderlyAppProvider.

Usage

Static mode

You can display the Deposit component directly in your project:

import { Deposit } from "@orderly.network/react";

export const App = () => {
  return <Deposit />;
};

You can also choose to displays the deposit component through a modal:

import { AssetsProvider, Deposit, modal } from "@orderly.network/react";

const { dialog } = modal;

export const App = () => {
  return (
    <Button
      onClick={() => {
        dialog({
          title: "Deposit",
          content: <Deposit />
        });
      }}
    >
      Open deposit dialog
    </Button>
  );
};

APIs

onOk

Type: (data: any) => void
Required: false

Callback function after the deposit is complete, providing the status of the deposit transaction.

onCancel

Type: () => void
Required: false

Callback function after the deposit has been canceled.

TradingPage Withdraw

⌘I

​Features

​Usage

​Static mode

​Modal mode

​APIs

​onOk

​onCancel