Panel
Place supplementary content in the right-side panel alongside your main documentation.
For isolated previews, theme switching, and sandbox editing, open the Panel playground on holydocs.com .
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
Equal-width column grid for side-by-side comparisons, feature lists, or mixed content layouts.
More
- Interactive playground: Panel on holydocs.com
- Component library index: /components