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

# Panel

Place supplementary content in the right-side panel alongside your main documentation.

**Interactive playground** For isolated previews, theme switching, and sandbox editing, open [the Panel playground on holydocs.com](https://holydocs.com/components/panel).

## When to use

Use this component when page density, comparison, or spatial composition matters as much as the words themselves.

This component renders into the page panel instead of the main text column. Review the page on desktop as well as mobile so you catch panel-specific layout behavior.

## Live Examples

Every example below renders the real component directly inside HolyDocs, followed by the exact MDX you can paste into a page.

### Basic

Right-panel content block.

This content appears in the right sidebar panel of the documentation page.

~~~mdx
<Panel>
This content appears in the right sidebar panel of the documentation page.
</Panel>
~~~

## Props

This component has no configurable props. Use its child content to shape the output.

## Usage

Start from this baseline shape and then tailor the copy, data, or nesting to the page you are writing.

~~~mdx
<Panel>
This content appears in the right sidebar panel of the documentation page.
</Panel>
~~~

## Tips

- Because this content lands in the right sidebar, keep it supportive rather than essential. The main column should still make sense on its own.
- Desktop readers see the panel continuously, but mobile readers encounter it later in the flow. Avoid references that only make sense side-by-side.
- Layout components amplify good content and bad content equally. Fix hierarchy and copy length before adding more structure.

## Related Components

**[Columns](/components/columns)**

Equal-width column grid for side-by-side comparisons, feature lists, or mixed content layouts.
**[View](/components/view)**

Switchable content panels for presenting alternative configurations, languages, or frameworks.
**[DataTable](/components/data-table)**

Responsive structured tables for plans, limits, environment variables, SDK support, and compatibility matrices.

## More

- Interactive playground: [Panel on holydocs.com](https://holydocs.com/components/panel)
- Component library index: [/components](/components)