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

# Contenedor

> Elemento para organizar layout

<iframe className="aspect-video w-full rounded-xl" src="https://www.youtube.com/embed/jzgqpDN4NIE" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

El elemento Contenedor sirve como separador visual para organizar y estructurar mejor el diseño de tu página. No te permite incluir elementos dentro de él, pero funciona como un bloque de soporte para destacar o separar partes de tu comunicación.

**Para qué sirve**

* Crear divisiones visuales en la página.

* Separar secciones para mejorar la lectura y el diseño.

* Destacar secciones con fondo, bordes o espaciado diferenciado.

**Lo que puedes configurar**

**Bordes:**

* Mostrar: activa o desactiva el borde alrededor del contenedor.

* Estilo: tipo de línea del borde (sólida, punteada, etc.).

* Ancho: grosor del borde.

* Radio: redondeo de esquinas.

* Color: color del borde.

**Fondo:**

* Mostrar: activa o desactiva el área de fondo del contenedor.

* Relleno: define el espaciado interno.

* Sombra: aplica sombra para dar profundidad.

* Color: define el color de fondo.

**Configuración General:**

* Espaciado: define el margen externo entre este bloque y otros.

* Animación: elige un efecto de entrada para el contenedor.

* Alineación: define la alineación del contenedor.

* Tamaño: controla la longitud del contenedor.

**¡Consejo de uso!**

Usa contenedores para estructurar mejor la página, separar partes importantes del contenido o crear "espacios de respiración visual". Aunque no contenga otros elementos dentro, ayuda mucho con la estética y organización.