Skip to content
Merged
Show file tree
Hide file tree
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions components/panel.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
---
title: 'Panel'
description: 'Specify the content of the right side panel'
icon: 'panel-right'
---

You can use the `<Panel>` component to customize the right side panel of a page. By default, the right side panel displays a table of contents listing any titles and subtitles.

````md
<Panel>
<Info>Pin info to the side panel.</Info>

<Accordion title="Add an accordion.">
You can put any content in here, including other components.
</Accordion>

Or add any other component.
</Panel>
````

<Panel>
<Info>Pin info to the side panel.</Info>

<Accordion title="Add an accordion.">
You can put any content in here, including other components.
</Accordion>

Or add any other component.
</Panel>
1 change: 1 addition & 0 deletions docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@
"components/frames",
"components/icons",
"components/mermaid-diagrams",
"components/panel",
"components/steps",
"components/tabs",
"components/tooltips",
Expand Down