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

# Orders Empty State

> This element is a div next to the orders list that is shown when the list is empty. It is used to inform the user that there are no orders to display.

<Frame>
  <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/orders-empty.png?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=0cdd941e22d64aa5a00e68024c9c7313" width="1106" height="238" data-path="images/orders-empty.png" />
</Frame>

## Setup

<Steps>
  <Step title="Orders Empty State Wrapper">
    Add a empty div block as sibling to the orders list.
  </Step>

  <Step title="Orders Empty State Wrapper - Attributes">
    Add following attribute to the div block:

    ```html theme={null}
    looop=orders_empty-state
    ```
  </Step>
</Steps>