Panel

Panel te permite mostrar contenido personalizado en la barra lateral derecha en lugar de la tabla de contenido predeterminada. El contenido permanece visible mientras los lectores se desplazan por tu página. Úsalo para información que siempre debe estar visible: referencias rápidas, advertencias importantes o enlaces de soporte.

Usa Panel cuando:

• La información crítica no debe desaparecer de la vista al desplazarse
• El material de referencia rápida complementa el contenido principal
• Las llamadas a la acción persistentes deben permanecer visibles (enlaces de soporte, claves de API)

Uso básico

Envuelve cualquier contenido en un Panel para que aparezca en la barra lateral derecha:

<Panel>
  <Info>This content appears in the sidebar!</Info>
</Panel>

Casos de uso comunes

Los Panels funcionan bien para advertencias fijadas, tarjetas de referencia rápida y enlaces de soporte:

<Panel>
  <Warning>

    API rate limits: 100 requests/minute

</Warning>
  <Card title="Quick Reference" icon="list">

    **Methods:** GET, POST, PUT, DELETE
    **Auth:** Bearer token required

</Card>
  <Card title="Need Help?" icon="circle-question" href="https://example.com/support">

    Contact our support team

</Card>
</Panel>

Cuándo NO usar Panel

• Páginas cortas: la tabla de contenido ayuda a los usuarios a navegar; reemplázala solo cuando tengas contenido más valioso
• Documentación estándar: la mayoría de las páginas funcionan mejor con la tabla de contenido predeterminada
• Usuarios móviles: el contenido de Panel está oculto en pantallas más pequeñas, así que asegúrate de que la información crítica también esté en el contenido principal

Comportamiento

• Aparece en la barra lateral derecha en escritorio (1280px+), oculto en pantallas más pequeñas
• Un Panel por página; reemplaza la tabla de contenido por completo
• Admite cualquier componente: Callouts, Cards, CodeGroup, Accordions, etc.

¿Qué sigue?