AX - Alerta
Descripción general
AX - Alerta es un componente de Experience Cloud que muestra mensajes y notificaciones importantes a los usuarios del portal en las páginas de Experience Sites.
Úsalo para mostrar alertas del sistema, mensajes de error, advertencias, confirmaciones de éxito o anuncios sensibles al tiempo. Controla cuándo aparecen las alertas, qué dicen y cómo se ven — todo configurado en Experience Builder sin código.
Perfecto para avisos de mantenimiento del portal, confirmaciones de envío de formularios, alertas de estado de la cuenta o para guiar a los usuarios a través de procesos en portales de clientes o socios.
Ajustes
Variante
El atributo 'variant' te permite personalizar la apariencia del componente Avonni Alert para reflejar mejor el tipo de alerta que estás transmitiendo. Las variantes disponibles incluyen:
error: Para notificaciones o problemas críticos.base: Una alerta estándar de propósito general.sin conexión: Indica preocupaciones de conectividad o disponibilidad.advertencia: Para alertas que necesitan atención pero no son críticas.
Elige una variante que se alinee con el mensaje que deseas transmitir para una comprensión más clara por parte del usuario.
Contenido
El atributo 'content' especifica el mensaje principal o la información que deseas transmitir en el componente Avonni Alert. Contiene el contenido textual que se mostrará dentro de la alerta, asegurando que los usuarios estén informados o al tanto de la notificación o situación específica.
Nombre del icono
El atributo 'icon name' te permite establecer un icono específico para el componente Avonni Alert. Al proporcionar un nombre de icono, puedes representar visualmente la naturaleza o el contexto de la alerta, mejorando la claridad y captando inmediatamente la atención del usuario hacia el mensaje.
Tamaño del icono
El atributo 'icon size' en el componente Avonni Alert controla el tamaño del icono:
Xxs: Extra-extra-pequeño para un énfasis sutil.
Xs: Extra-pequeño para una prominencia mínima.
Pequeño: Un tamaño moderado para visibilidad intermedia.
Mediano: Tamaño estándar para visibilidad equilibrada.
Grande: Para el máximo impacto visual
Es Descartable
El atributo "Is Dismissible" permite a los usuarios cerrar o descartar la Avonni Alert en la interfaz. Cuando está activado, aparece un botón de cierre en la alerta, permitiendo su eliminación manual por parte del usuario.
Espaciado
La configuración de estilo de espaciado en el componente Avonni Alert te permite ajustar los márgenes:
Inicio del bloque: Establece el margen superior.
Fin del bloque: Ajusta el margen inferior.
Inicio en línea: Configura el margen izquierdo.
Fin en línea: Modifica el margen derecho
Fondo
La configuración de estilo de fondo en el componente Avonni Alert ofrece personalización del telón de fondo:
Color: Selecciona un color sólido para el fondo.
Degradado lineal: Elige esta opción para un efecto dinámico y visualmente atractivo de degradado
Texto
La configuración de estilo de texto en el componente Avonni Alert permite la personalización del texto:
Color: Cambia el color del texto para mejorar la visibilidad.
Peso de la fuente: Elige el grosor de la fuente para dar énfasis.
Alineación Horizontal: Selecciona la alineación del texto para una visualización óptima en la alerta
Borde
La configuración de estilo de borde en el componente Avonni Alert ofrece opciones para personalizar la apariencia del borde:
Color: Elige un color para el borde.
Tamaño: Selecciona el grosor del borde.
Estilo: Determina el aspecto general con varios estilos
Icono
La configuración de estilo del icono en el componente Avonni Alert permite varias personalizaciones de la apariencia del icono:
Color de fondo: Cambia el color de fondo detrás del icono.
Color de primer plano: Cambia el color principal del icono.
Icono de cierre en primer plano: Especifica el color del icono para cerrar la alerta.
Utilidad de color de primer plano: Realiza ajustes de color adicionales para una mejor visibilidad y contraste
Última actualización
¿Te fue útil?