BX Swiss Component Library

Orderbook: Empty State

An order book is an electronic list of buy and sell orders for a specific security or financial instrument, organized by price level. The order book lists the number of shares being bid or offered at each price point, or market depth. The order book is is part of hte instrument detail page.

<div class="box">
    <h2>There are no orders in the order book</h2>
</div>
 
<div class="box">
	<h2>There are no orders in the order book</h2>
</div>
 
{
  "title": "Order book",
  "latestPrice": {
    "key": "Latest price",
    "value": "16.06"
  },
  "latestVolume": {
    "key": "Latest volume",
    "value": "13'536"
  },
  "latestSpread": {
    "key": "Latest spread",
    "value": "-0.05"
  },
  "timeTraded": {
    "key": "Time traded",
    "value": "12:52:25"
  },
  "bidsTitle": "Bids",
  "asksTitle": "Asks",
  "time": "Time",
  "volume": "Volume",
  "price": "Price",
  "buyOrder": [
    {
      "price": "16.06",
      "volume": "13'536",
      "volumeWidth": "7%",
      "time": "12:52:53"
    },
    {
      "price": "16.05",
      "volume": "71'132",
      "volumeWidth": "40%",
      "time": "12:52:27"
    },
    {
      "multipleOrders": true,
      "price": "16.04",
      "volume": "52'649",
      "volumeWidth": "30%",
      "time": "12:52:28",
      "numberOfOrders": "5"
    },
    {
      "price": "16.03",
      "volume": "55'028",
      "volumeWidth": "31%",
      "time": "12:52:28"
    },
    {
      "price": "16.02",
      "volume": "45'299",
      "volumeWidth": "25%",
      "time": "12:52:54"
    },
    {
      "price": "16.01",
      "volume": "55'250",
      "volumeWidth": "31%",
      "time": "12:52:25"
    },
    {
      "price": "16.00",
      "volume": "174'244",
      "volumeWidth": "99%",
      "time": "12:40:55"
    },
    {
      "price": "15.99",
      "volume": "39'877",
      "volumeWidth": "22%",
      "time": "12:51:25"
    },
    {
      "price": "15.98",
      "volume": "27'551",
      "volumeWidth": "16%",
      "time": "12:42:35"
    },
    {
      "price": "15.97",
      "volume": "16'036",
      "volumeWidth": "16%",
      "time": "12:52:25"
    }
  ],
  "sellOrder": [
    {
      "price": "16.07",
      "volume": "14'408",
      "volumeWidth": "8%",
      "time": "12:52:25"
    },
    {
      "price": "16.08",
      "volume": "53'000",
      "volumeWidth": "30%",
      "time": "12:51:41"
    },
    {
      "price": "16.09",
      "volume": "44'637",
      "volumeWidth": "26%",
      "time": "12:51:23"
    },
    {
      "price": "16.10",
      "volume": "51'532",
      "volumeWidth": "29%",
      "time": "12:52:24"
    },
    {
      "multipleOrders": true,
      "price": "16.11",
      "volume": "49'766",
      "volumeWidth": "28%",
      "time": "12:52:54",
      "numberOfOrders": "7"
    },
    {
      "price": "16.12",
      "volume": "40'122",
      "volumeWidth": "23%",
      "time": "12:52:25"
    },
    {
      "price": "16.13",
      "volume": "28'188",
      "volumeWidth": "16%",
      "time": "12:46:55"
    },
    {
      "price": "16.14",
      "volume": "32'145",
      "volumeWidth": "18%",
      "time": "12:51:21"
    },
    {
      "price": "16.15",
      "volume": "45'629",
      "volumeWidth": "25%",
      "time": "12:51:21"
    },
    {
      "price": "16.16",
      "volume": "17'947",
      "volumeWidth": "10%",
      "time": "12:51:21"
    }
  ]
}