# Panel

On a wide screen, a `Panel`'s content moves into the right-hand column, replacing the page's table of contents - useful for a note, a code sample, or anything a reader should keep in view while scrolling. On narrow screens, where that column isn't shown, it stays where you wrote it.

```mdx
<Panel>
  <Info>Pinned to the side panel.</Info>
</Panel>
```

A [RequestExample or ResponseExample](/docs/content/components/request-response-example/) inside a `Panel` moves with it.

The right-hand column only exists in the default page [mode](/docs/content/page-modes/). In any other mode, the `Panel` stays in the page.

`Panel` takes no props.