WritedocsWritedocs

Panel

View as MarkdownView this page as plain textOpen in ChatGPTAsk questions about this pageOpen in ClaudeAsk questions about this pageOpen in PerplexityAsk questions about this page
Connect to CursorUse these docs in CursorConnect to VS CodeUse these docs in VS Code

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.

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

A RequestExample or ResponseExample inside a Panel moves with it.

The right-hand column only exists in the default page mode. In any other mode, the Panel stays in the page.

Panel takes no props.