Overriding the Order Entry component

To override the default Order Entry component, input OrderEntry in the uiOverrides.trading property in the ChartReactApp.

The component exposes the following props:

interface OrderEntryProps {
    readonly opened: boolean;
    readonly disabled: boolean;
    readonly setOpened: (opened: boolean) => void;
    readonly resetToDefault: () => void;
    readonly type: OrderEntryType;
    readonly quantity: OrderQuantity;
    readonly quantityPrecision: number;
    readonly quantityStep: number;
    readonly maxQuantity: number;
    readonly padding: number;
    readonly yAxisAlign: YAxisAlign;
    readonly tradingDict: TradingDictionary;
    readonly onChangeQuantity: (q: OrderQuantity) => void;
    readonly onCompleteOrderEntry: () => void;
    readonly createOrder: (type: OrderType, side: OrderSide) => void;
    readonly validate?: () => boolean;
    readonly className?: string;
    readonly domMutationProps: OrderEntryDMProps;
}

Example

The example below shows how to make Order Entry without the + / – counters:

Source code