Skip to content

OrderBook

stable

Depth-of-market order book with bid/ask columns and cumulative volume bars

Finance/Storybook ↗
import { OrderBook } from "@nodus/design-system/finance"
Loading demo…

Props

bidsrequired
Type OrderBookEntry[]Default —

Bid-side entries

asksrequired
Type OrderBookEntry[]Default —

Ask-side entries

pair
Type stringDefault —

Trading pair label

precision
Type numberDefault —

Price decimal precision

locale
Type stringDefault —

BCP 47 locale override

label
Type stringDefault —

Book title

Metadatasemantictypeborderoutcome
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

TradeBlotter→

Trade activity log with sortable columns, status badges, and row-level detail

OrderTicket→

Order entry ticket displaying instrument, side, type, quantity, and price parameters

SpreadIndicator→

Bid-ask spread display with basis point calculation and severity coloring

Was this helpful?