Tabla de contenido (TOC)
Genera una tabla de contenido enlazada a partir de los propios headings de la página, con un toggle colapsable opcional y puntos de progreso que siguen la posición del scroll.
Props
| Prop | Tipo | Default | Notas |
|---|---|---|---|
title | string | "Table of content" | Heading mostrado encima de la lista. |
maxLevel | select | "h2" | Nivel de heading más profundo incluido en la lista. |
offset | string | "40" | Offset de scroll (px) usado al saltar a un heading, ej. para despejar un header sticky. |
identifier | string | — | Usado para acotar qué headings de la página se recogen. |
showDots | boolean | true | Muestra puntos de progreso junto a cada entrada. |
showToggle | boolean | true | Hace que toda la lista sea colapsable. |
| (Opciones del toggle) | condition | visible cuando showToggle está activo | |
toggle.expanded | boolean | true | Si la lista arranca expandida. |
toggle.openText | string | "Open" | Etiqueta mostrada en el toggle cuando está colapsado. |
toggle.closeText | string | "Close" | Etiqueta mostrada en el toggle cuando está expandido. |
Nota
Esta página cubre las props actuales del componente. Una guía completa — como la de Acordeón — llegará a medida que este componente se re-verifique en una conversión activa.