AX - Pestañas

Resumen

AX - Pestañas es un componente de Experience Cloud que organiza el contenido en pestañas etiquetadas en las páginas de Experience Sites, permitiendo a los usuarios del portal cambiar entre diferentes secciones sin salir de la página.

Úsalo para organizar contenido relacionado que no necesita estar todo visible a la vez, como detalles de productos en varias pestañas, formularios de varias secciones, recursos categorizados o información agrupada. Elige diseños de pestañas horizontales o verticales y configura el estilo en Experience Builder.

Perfecto para páginas de información de productos, formularios de varios pasos, categorías de recursos, secciones de cuenta o cualquier lugar donde tu portal necesite organizar contenido en vistas conmutables.

Este componente aprovecha slots para una personalización avanzada, lo que lo hace ideal para sitios LWR. Los sitios Aura no admiten este nivel de personalización.

Tutoriales

Próximamente

Configuración

🎛️ Propiedades

Nombre	Descripción	Uso
Orientación	Establece la orientación de las pestañas, eligiendo entre un diseño horizontal o vertical.	Selecciona la orientación que mejor se adapte a tus necesidades de diseño, optimizando el diseño para la navegación del usuario y la visibilidad del contenido.
Acotado	Habilita el estilo acotado para aplicar un estilo más centrado y específico a las pestañas.	Usa esta función para aplicar estilos limitados al componente, evitando conflictos de estilo no deseados con otros elementos de la página.
Pestañas desplazables y botones de desplazamiento	Haz que las pestañas sean desplazables y gestiona la visibilidad de los botones de desplazamiento, asegurando una navegación fácil incluso con una mayor cantidad de pestañas.	Configura las funciones de desplazamiento según la cantidad y el diseño de las pestañas, asegurando que los usuarios puedan acceder y navegar fácilmente por todas las pestañas disponibles.
Imagen de fondo del contenido CMS o URL de la imagen de fondo del contenido	Personaliza el fondo del área de contenido de las pestañas eligiendo una imagen del CMS o proporcionando una URL.	Mejora el atractivo visual de tus pestañas aplicando una imagen de fondo que complemente el diseño general y la presentación del contenido.
Fuente de datos	Define el origen de las etiquetas y el contenido de las pestañas, permitiendo la configuración manual de propiedades de las pestañas como etiquetas, iconos y descripciones emergentes.	Utiliza esta función para personalizar los datos de las pestañas, asegurando que cada pestaña esté correctamente etiquetada y enriquecida con iconos o descripciones emergentes según sea necesario.

🎨 Estilo