---
title: Encabezados expandibles
slug: docs/es/bmC2-encabezados-expandibles
docTags: 
createdAt: 2026-06-05T13:06:40.614Z
---

[Encabezado expandible](docId\:RLgly5f4flqxrRAhDjDwE) los bloques permiten a los usuarios contraer y expandir secciones de contenido. Son útiles para preguntas frecuentes, detalles opcionales y páginas de referencia extensas donde los lectores pueden no necesitar ver toda la información a la vez.

## Sintaxis

Usted puede agregar este componente usando Markdown o MDX.

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::ExpandableHeading
# Expandable Heading 1
This is the largest expandable heading. Click to collapse or expand.
:::::

:::::ExpandableHeading
## Expandable Heading 2
A medium expandable heading. Use it for subsections that users can toggle.
:::::

:::::ExpandableHeading
### Expandable Heading 3
The smallest expandable heading. Good for optional details or FAQ items.
:::::
```
:::

:::Tab{title="MDX"}
```javascript
<ExpandableHeading>
# Expandable Heading 1
This is the largest expandable heading. Click to collapse or expand.
</ExpandableHeading>

<ExpandableHeading>
## Expandable Heading 2
A medium expandable heading. Use it for subsections that users can toggle.
</ExpandableHeading>

<ExpandableHeading>
### Expandable Heading 3
The smallest expandable heading. Good for optional details or FAQ items.
</ExpandableHeading>
```
:::
::::

Los bloques de Encabezado expandible admiten tres niveles de encabezado:

- `#`&#x20;
- `##`&#x20;
- `###`&#x20;

El encabezado en sí mismo se convierte en el elemento clickeable, mientras que todo el contenido debajo permanece colapsable hasta el siguiente encabezado o el final del bloque.

