# Data Panel

The right-most panel in the Page Editor is the Data Panel. As the name suggests, the Data Panel displays information about a brick's inputs and output data.

<figure><img src="https://2274778196-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq123bF1HPQPV35s5vHa1%2Fuploads%2FIM3F7r7LZXFgJCNWhUnC%2FUntitled%20(28).png?alt=media&#x26;token=5d1e9342-e552-415c-be11-75eb3f38600b" alt="" width="370"><figcaption></figcaption></figure>

The Render Tab of the data panel displaying inputs passed to the Window Alert Brick

The Data Panel has 4 tabs:

* **Context**: the input context available to this brick. All of the variables available to the brick from the previous bricks and mod options
* **Rendered**: the values that were passed into the brick on the last run.
  * Here, “Rendered” refers to filling the context into text templates
* **Output**: the output of the brick on the last run
* **Preview**:
  * General: shows a preview of the bricks output, using the input context from the last run, and the current configuration. PixieBrix updates this tab in real time as you update the brick configuration

    &#x20;**ℹ️ Pro-tip: the preview panel is extremely valuable when using the Regex and JQ bricks to transform data**
  * When configuring the [Show a modal or sidebar form brick](https://www.pixiebrix.com/marketplace/78fe8f15-dd68-40d1-bc5f-e5b992820bf1/show-a-modal-or-sidebar-form/), the preview displays the form outline
  * When configuring the [Render Document brick](https://www.pixiebrix.com/marketplace/49b356c6-5461-46b7-8089-0f84d03c3744/render-document/), the preview displays the document preview

Now that you know all about the Page Editor, it's time to learn how to connect and manage your team in the [Admin Console](https://docs.pixiebrix.com/platform-overview/admin-console).
