# Panel (/es/components/panel)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 201 · updated: 2026-07-30 -->
Related: [Accordions](/es/components/accordions.md), [Insignia](/es/components/badge.md), [Banner](/es/components/banner.md), [Avisos](/es/components/callouts.md), [Tarjetas](/es/components/cards.md), [Grupos de código](/es/components/code-groups.md)

Puedes usar el componente `<Panel>` para personalizar el panel del lado derecho de una página con cualquier componente que desees.

Si una página tiene un componente `<Panel>`, los componentes [RequestExample](/es/components/examples#requestexample) y [ResponseExample](/es/components/examples#responseexample) deben estar dentro de `<Panel>`.

Los componentes en un `<Panel>` reemplazan la tabla de contenido de una página. Los modos de página que ocultan la tabla de contenido (`mode: "wide"`, `mode: "center"` y `mode: "custom"`) también ocultan el componente `<Panel>`.

```mdx
<Panel>
  <Info>Ancla información al panel lateral o agrega cualquier otro componente.</Info>
</Panel>
```

<Panel>
  <Info>
    Ancla información al panel lateral o agrega cualquier otro componente.
  </Info>
</Panel>