Skip to main content

Overriding the Toolbar component

To override the default Toolbar component, input Toolbar via the uiOverrides property in the ChartReactApp.

The component exposes the following props:

interface ChartToolbarProps {
    readonly loadedPercentage?: number;
    readonly container: Element | null;
    readonly className?: string; // the above properties are used for the built-in chart toolbar
    readonly buttons: ReactElement[]; // built-in chart toolbar buttons
    readonly MainInstrumentComponent?: ComponentType<Record<string, any>>; // instrument selection component, built-in or custom
    readonly isTradingActive?: boolean;
}

Example​

Source code​