@orderly.network/fast-place-order-plugin

A fast-place-order plugin for the Orderly SDK. Mounts a draggable quick-order widget next to the trading UI for one-click market buy/sell, quantity by percentage, max-quantity confirmation, and desktop menu visibility toggle.

Features

Quick Market Orders

Shows a quick-order panel beside the trading view so you can place market buy/sell orders without switching to the order form. Supports custom quantity or preset percentages (25%/50%/75%/100%).

Draggable Floating Widget

The widget can be dragged to reposition and does not block the main trading area. It stays visible with the trading view for fast access.

Desktop Menu Toggle

Adds a Fast Place Order toggle item into TradingView.DisplayControl.DesktopMenuList so users can persist widget visibility across refreshes.

Max Quantity Confirmation

Using 100% or large quantities triggers a confirmation dialog to avoid mistakes. Supports i18n and Orderly SDK theming.

Quick Start

Installation

npm install @orderly.network/fast-place-order-plugin
# or
pnpm add @orderly.network/fast-place-order-plugin
# or
yarn add @orderly.network/fast-place-order-plugin

Register the Plugin

import { registerFastPlaceOrderPlugin } from "@orderly.network/fast-place-order-plugin";

const plugins = [
  registerFastPlaceOrderPlugin({
    autoShowOnFullscreen: true, // optional, default: true
  }),
];

Pass the plugins array to OrderlyAppProvider:

<OrderlyAppProvider
  plugins={plugins}
  configStore={configStore}
  // ...other props
>
  {children}
</OrderlyAppProvider>

Import Styles

This plugin ships its Tailwind/CSS bundle in dist/styles.css. Import it once in your app entry (e.g. main.tsx / index.tsx) so the widget styles apply globally:

import "@orderly.network/fast-place-order-plugin/dist/styles.css";

Options

| Option | Type | Required | Description | |------------|----------|----------|--------------------------------------------------| | autoShowOnFullscreen | boolean | No | Auto-open the fast order popup when entering fullscreen trading view. Defaults to true. |

Peer Dependencies

This plugin requires the following Orderly SDK packages:

• @orderly.network/hooks
• @orderly.network/i18n
• @orderly.network/plugin-core
• @orderly.network/types
• @orderly.network/ui
• @orderly.network/utils
• react >= 18
• react-dom >= 18