OrderBook
Depth-of-market order book with bid/ask columns and cumulative volume bars
import { OrderBook } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
bidsreq | OrderBookEntry[] | — | Bid-side entries |
asksreq | OrderBookEntry[] | — | Ask-side entries |
pair | string | — | Trading pair label |
precision | number | — | Price decimal precision |
locale | string | — | BCP 47 locale override |
label | string | — | Book title |
bidsrequiredType
OrderBookEntry[]Default —Bid-side entries
asksrequiredType
OrderBookEntry[]Default —Ask-side entries
pairType
stringDefault —Trading pair label
precisionType
numberDefault —Price decimal precision
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Book title
MobileStacks / Scroll
Bid/ask book activates horizontal scroll on narrow viewports. Consider showing only best 5 levels on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?