> For the complete documentation index, see [llms.txt](https://help.trade.fun/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.trade.fun/perps-spot/perpetual-spot-page/order-book-trades.md).
# Order Book / Trades
The Order Book & Trades component displays real-time bid/ask levels and recent market activity. You can toggle between a stacked view or separate tabs using the button in the top-left corner.
Order Book
{% tabs %}
{% tab title="View Toggle" %}
* **Stacked View** – Order Book and Trades appear together in a single vertical layout.
* **Tabbed View** – Switch between Order Book and Trades via tabs.
{% endtab %}
{% tab title="Order Book" %}
Shows active limit orders for both buyers and sellers.
* **Price** – Listed price for open orders
* **Amount** – Number of contracts/tokens at that price level
* **Total** – Cumulative value at each level
* **Spread** – Difference between the best bid and best ask
* **% Spread** – Spread expressed as a percentage
{% endtab %}
{% tab title="Filters" %}
You can adjust:
* **Depth** – Number of levels shown (e.g., 10, 20, 50).
* **Denomination** – Toggle display between token or quote currency (e.g., BTC or USD).
{% endtab %}
{% tab title="Trades" %}
Displays a feed of executed trades, updating in real time.
* **Price** – Price the trade was executed at
* **Size** – Size of the trade in token units
* **Time** – Timestamp of the trade
Buy trades are shown in green, sell trades in red.\
This feed helps **visualize momentum** and **execution velocity** at a glance.
