AX - Alert
Resumen
AX - Alert 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 urgentes. 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.
Configuración
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 problemas de conectividad o disponibilidad.advertencia: Para alertas que requieren 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 texto 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 llamando de inmediato la atención del usuario sobre 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 presencia mínima.
Pequeño: Un tamaño modesto para una visibilidad moderada.
Mediano: Tamaño estándar para una visibilidad equilibrada.
Grande: Para el máximo impacto visual
Es descartable
El atributo "Is Dismissible" permite a los usuarios cerrar o descartar la alerta Avonni en la interfaz. Cuando se activa, aparece un botón de cierre en la alerta, lo que permite al usuario eliminarla manualmente.
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 fondo:
Color: Selecciona un color sólido para el fondo.
Degradado lineal: Elige esta opción para un efecto de degradado dinámico y visualmente atractivo
Texto
La configuración de estilo de texto en el componente Avonni Alert permite personalizar el texto:
Color: Cambia el color del texto para mejorar la visibilidad.
Peso de fuente: Elige el peso de la fuente para darle énfasis.
Alineación horizontal: Selecciona la alineación del texto para una visualización óptima en la alerta
Borde
La configuración de estilo del borde en el componente Avonni Alert ofrece opciones para personalizar el aspecto 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 mejorar la visibilidad y el contraste
algunos atributos de estilo pueden ser dinámicos....
Última actualización
¿Te fue útil?