Withdraw

Block component allowing users to withdraw.

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 Withdraw component directly in your project:

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

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

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

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

const { dialog } = modal;

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

APIs

onOk

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

Callback function after the withdrawal is complete, providing the status of the withdrawal request.

onCancel

Type: () => void
Required: false

Callback function after the withdrawal has been canceled.

Deposit Order Book

⌘I

Software development kits

[evm] react components SDK

[evm] react hooks SDK

[evm] core SDK

[evm] perp SDK

Autogenerated technical reference

Features

Usage

Static mode

APIs

onOk

onCancel

​Features

​Usage

​Static mode

​Modal mode

​APIs

​onOk

​onCancel

Features

Usage

Static mode

Modal mode

APIs

onOk

onCancel