---
title: Place Order
sidebarTitle: Place Order
description: "Interactive previews for the @agg-build/ui PlaceOrder trading surface"
---

> **For AI agents:** the complete documentation index is at [llms.txt](/llms.txt). Append `.md` to any page URL for its markdown version.

import { StorybookEmbed } from "/snippets/storybook-embed.jsx";

# Place Order

`PlaceOrder` is the higher-touch trading surface for buy and sell flows, pricing feedback, and
error handling states.

Use Storybook as the source of truth for controls, prop combinations, and state exploration.

## Import

```tsx
import "@agg-build/ui/styles.css";
import { PlaceOrder } from "@agg-build/ui/trading";
```

## Default

<StorybookEmbed storyId="components-place-order--default" title="Default trading flow" height={720} />

For additional states, controls, and scenarios, open the story directly in Storybook from the embed
header.