> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Usa el acordeón para FAQs y contenido estructurado

> Usa acordeones para organizar preguntas frecuentes y contenido en secciones desplegables y conseguir un diseño más limpio y fácil de usar.

El elemento Accordion te permite mostrar contenido en secciones desplegables.<br />Se usa habitualmente para preguntas frecuentes o información estructurada, cuando quieres mantener la página limpia y ordenada.

## Cómo añadir un acordeón

* Abre la barra lateral izquierda
* Arrastra **Collapse / Accordion** al lienzo

***

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/q3U3xTtyC-7MtM61/images/accordion.png?fit=max&auto=format&n=q3U3xTtyC-7MtM61&q=85&s=769232d934360768227ecdcb5d41ea2d" alt="Accordion" width="1920" height="991" data-path="images/accordion.png" />
</Frame>

## Editar el contenido

Todo el contenido se edita directamente en el lienzo:

* Haz clic en la **pregunta** para editar el título
* Haz clic en el **área de la respuesta** para editar el contenido

Desde ahí gestionas tanto la pregunta como la respuesta.

## Gestionar los elementos

Desde el panel derecho:

* **Add Item:** crea nuevas entradas del acordeón
* Reordena los elementos arrastrándolos
* Cada elemento representa una pregunta y su respuesta

## Cómo funciona

* Solo puede haber **un elemento abierto a la vez**
* Al hacer clic en otro elemento, el anterior se cierra automáticamente

## Collapse Style

Puedes cambiar el aspecto del acordeón con **Collapse Style**:

* **Simple:** diseño minimalista
* **Bordered:** añade bordes alrededor de los elementos
* **Line Bottom:** líneas separadoras entre elementos
* **Solid:** estilo con fondo relleno

## Trigger Icon

* Elige el estilo del icono (por ejemplo, +, flecha)
* Indica si el elemento está abierto o cerrado

## Controles de espaciado

* **Gap:** espacio entre elementos
* **Inner Space:** padding dentro de cada elemento

***

## Opciones de estilo

Como en otros elementos, también puedes personalizar:

* La tipografía
* Los colores
* Los bordes y el radio de esquina
* El espaciado
* El fondo

***

## Notas importantes

* El contenido se edita directamente en el lienzo
* Solo un elemento del acordeón permanece abierto a la vez
* Los estilos funcionan igual que en el resto de elementos