Agent-readable docs index: /llms.txt. Full docs in one file: /llms-full.txt. Download /docs.zip to grep all markdown files locally.

Aside

Aside is a positioning marker. On desktop its children render in the right sidebar. On mobile they stack after the section. The marker itself has no visual frame, so wrap visible content in Note, Tip, Panel, or another framed component.
<Aside>
<Note>
This note appears in the right sidebar on desktop.
</Note>
</Aside>
This note appears in the right sidebar on desktop.

Full height

Use full so the aside spans every heading after it, until the next <Aside full> or the end of the page. Sticky content like a table of contents or API examples should use this.
<Aside full>
  <TableOfContentsPanel />
</Aside>

API reference layout

API pages use a fixed 460px right rail. Holocron does that automatically when the aside contains RequestExample or ResponseExample. Put them in <Aside full> so the examples stay sticky while you scroll:
<Aside full>
<Panel>
  <RequestExample>

```bash
curl https://api.example.com/v1/orders \
  -H "authorization: Bearer $TOKEN"
```

  </RequestExample>

  <ResponseExample>

```json
{ "ok": true }
```

  </ResponseExample>
</Panel>
</Aside>
You do not need width for that. RequestExample and ResponseExample already bump --grid-sidebar-width to 460px. The page cap stays 1200px. Extra viewport width becomes gap, not a growing rail.

Change the right sidebar width

Use width for an explicit pixel size. The scan takes the max across all asides on the page, so one width={480} sets the whole right rail:
<Aside width={480}>
<Note>
This rail is 480px wide.
</Note>
</Aside>
To make an API-style page wider than 460px, set width on the same aside:
<Aside full width={560}>
<Panel>
  <RequestExample>

```bash
curl https://api.example.com/v1/orders
```

  </RequestExample>
</Panel>
</Aside>
width="480px" also works. Percent values like width="50%" are ignored.

Props

fullboolean
Span every heading after this aside until the next <Aside full> or the end of the page.
widthnumber
Sidebar width in pixels. The page uses the largest value from width and from known components like RequestExample (460px).

Holocron differences

  • Mintlify's request and response examples use a fixed sidebar you cannot configure.
  • Holocron lets you set a fixed rail with <Aside width={N}>. RequestExample and ResponseExample already use 460px.
Request example
curl https://api.example.com/v1/orders \
  -H "authorization: Bearer $TOKEN"
Response example
{ "ok": true }