> ## Documentation Index
> Fetch the complete documentation index at: https://staging-docs.orderly.network/llms.txt
> Use this file to discover all available pages before exploring further.

# Orderly network react.OrderBookProps

[Orderly SDKs](/sdks/tech-doc/README) / [Modules](/sdks/tech-doc/modules) / [@orderly.network/react](/sdks/tech-doc/modules/orderly_network_react) / OrderBookProps

# Interface: OrderBookProps

[@orderly.network/react](/sdks/tech-doc/modules/orderly_network_react).OrderBookProps

## Table of contents

### Properties

* [activeDepth](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#activedepth)
* [asks](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#asks)
* [autoSize](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#autosize)
* [base](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#base)
* [bids](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#bids)
* [cellHeight](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#cellheight)
* [className](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#classname)
* [depth](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#depth)
* [isLoading](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#isloading)
* [lastPrice](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#lastprice)
* [level](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#level)
* [markPrice](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#markprice)
* [onDepthChange](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#ondepthchange)
* [onItemClick](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#onitemclick)
* [quote](/sdks/tech-doc/interfaces/orderly_network_react.OrderBookProps#quote)

## Properties

### activeDepth

• `Optional` **activeDepth**: `string`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:19](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L19)

***

### asks

• **asks**: `any`\[]

#### Defined in

[packages/component/src/block/orderbook/index.tsx:13](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L13)

***

### autoSize

• `Optional` **autoSize**: `boolean`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:22](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L22)

***

### base

• **base**: `string`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:24](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L24)

***

### bids

• **bids**: `any`\[]

#### Defined in

[packages/component/src/block/orderbook/index.tsx:14](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L14)

***

### cellHeight

• `Optional` **cellHeight**: `number`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:29](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L29)

***

### className

• `Optional` **className**: `string`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:31](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L31)

***

### depth

• `Optional` **depth**: `string`\[]

#### Defined in

[packages/component/src/block/orderbook/index.tsx:18](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L18)

***

### isLoading

• `Optional` **isLoading**: `boolean`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:27](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L27)

***

### lastPrice

• **lastPrice**: `number`\[]

#### Defined in

[packages/component/src/block/orderbook/index.tsx:16](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L16)

***

### level

• `Optional` **level**: `number`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:23](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L23)

***

### markPrice

• **markPrice**: `number`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:15](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L15)

***

### onDepthChange

• `Optional` **onDepthChange**: (`depth`: `number`) => `void`

#### Type declaration

▸ (`depth`): `void`

##### Parameters

| Name    | Type     |
| :------ | :------- |
| `depth` | `number` |

##### Returns

`void`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:20](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L20)

***

### onItemClick

• `Optional` **onItemClick**: (`item`: `number`\[]) => `void`

#### Type declaration

▸ (`item`): `void`

##### Parameters

| Name   | Type        |
| :----- | :---------- |
| `item` | `number`\[] |

##### Returns

`void`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:17](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L17)

***

### quote

• **quote**: `string`

#### Defined in

[packages/component/src/block/orderbook/index.tsx:25](https://github.com/OrderlyNetwork/js-sdk/blob/ba995f2/packages/component/src/block/orderbook/index.tsx#L25)