# Market terminal

A trading terminal with a canvas candlestick chart, volume, moving averages, crosshair OHLC readout, wheel, drag and pinch zoom, a live watchlist with sparklines and flashing prices, and a market and limit order ticket.

- ID: `market-terminal`
- Import: `animui/market-terminal`
- Category: block
- Runtime exports: `MarketTerminal`
- Declaration: `types/pro/market-terminal.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: metric-explorer, wallet-card

```tsx
import { MarketTerminal } from 'animui/market-terminal';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info market-terminal` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface MarketTerminalProps {
  symbols?: string | number | boolean | ReactNode;
  holdings?: string | number | boolean | ReactNode;
  buyingPower?: string | number | boolean | ReactNode;
  orders?: string | number | boolean | ReactNode;
  defaultTicker?: string | number | boolean | ReactNode;
  defaultRange?: string | number | boolean | ReactNode;
  defaultAverages?: string | number | boolean | ReactNode;
  live?: string | number | boolean | ReactNode;
  tickInterval?: string | number | boolean | ReactNode;
  onPlaceOrder?: () => void;
  onCancelOrder?: () => void;
  className?: string;
}

export declare const MarketTerminal: ComponentType<MarketTerminalProps>;

export default MarketTerminal;
```