OrderTicket
Order entry ticket displaying instrument, side, type, quantity, and price parameters
import { OrderTicket } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
instrumentreq | string | — | Instrument identifier |
sidereq | OrderSide | — | Buy or sell |
orderTypereq | OrderType | — | Order type (market, limit, stop) |
quantityreq | number | — | Order quantity |
limitPrice | number | — | Limit price |
stopPrice | number | — | Stop price |
timeInForce | TimeInForce | — | Time-in-force instruction |
estimatedTotal | number | — | Estimated order total |
currency | string | — | Currency code |
locale | string | — | BCP 47 locale override |
label | string | — | Ticket title |
instrumentrequiredType
stringDefault —Instrument identifier
siderequiredType
OrderSideDefault —Buy or sell
orderTyperequiredType
OrderTypeDefault —Order type (market, limit, stop)
quantityrequiredType
numberDefault —Order quantity
limitPriceType
numberDefault —Limit price
stopPriceType
numberDefault —Stop price
timeInForceType
TimeInForceDefault —Time-in-force instruction
estimatedTotalType
numberDefault —Estimated order total
currencyType
stringDefault —Currency code
localeType
stringDefault —BCP 47 locale override
labelType
stringDefault —Ticket title
MobileStacks / Scroll
Order ticket goes full-width. Input fields and action buttons stack vertically on mobile.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?