Skip to main contentSkip to navigation

Order Entry

Trading order entry form with buy/sell functionality.

Loading...

Installation

npx @hanzo/ui@latest add order-entry

Usage

import { OrderEntry } from "@hanzo/ui/finance"

export default function Demo() {
  const handleOrderSubmit = (order) => {
    console.log("Order submitted:", order)
  }

  return (
    <OrderEntry
      symbol="AAPL"
      currentPrice={175.5}
      onSubmit={handleOrderSubmit}
    />
  )
}

Props

PropTypeDefaultDescription
symbolstring-Trading symbol (required)
currentPricenumber-Current market price (required)
onSubmitfunction-Callback when order submitted
defaultSide"buy" | "sell""buy"Default order side
defaultOrderType"market" | "limit" | "stop""market"Default order type