AX - Icono
Resumen
AX - Icono es un componente de Experience Cloud que muestra iconos de la biblioteca de iconos de Salesforce Lightning Design System en las páginas de Experience Sites.
Úsalo para agregar indicadores visuales para acciones, estado, categorías o elementos de navegación en todo tu portal. Configura el icono, tamaño, color y estilo en Experience Builder para que coincida con el diseño de tu portal.
Perfecto para indicadores de estado, botones de acción, encabezados de secciones, elementos de navegación o cualquier lugar donde tu portal necesite símbolos visuales para mejorar la capacidad de escaneo y el reconocimiento.
Configuración
Nombre del Icono
Selecciona el nombre del icono que se mostrará.
Elige un icono que represente claramente y complemente el contenido o la acción con la que está asociado.
Tamaño del icono
Establece el tamaño del icono.
Elige un tamaño que garantice que el icono sea claramente visible e integrado de forma armoniosa dentro del diseño de la página.
Variante
Elige una variante de estilo predefinida para el icono.
Selecciona una variante que se alinee con el significado contextual o la acción del icono, mejorando su comunicación visual.
Título
Define un título para el icono.
Proporciona un título que ofrezca a los usuarios contexto o información adicional cuando pasen el cursor sobre el icono.
Texto alternativo
Proporciona texto alternativo para el icono.
Introduce un texto descriptivo que transmita el significado o la acción del icono, asegurando accesibilidad y mejorando el SEO.
Alineación horizontal
Determina la alineación horizontal del icono dentro de su contenedor.
Alinea el icono para asegurar que esté posicionado de forma óptima dentro del diseño del contenido, manteniendo el equilibrio y flujo visual.
Color de fondo
Establece el color de fondo del icono.
Elige un color de fondo que haga que el icono destaque y sea visualmente distintivo dentro del diseño de la página.
Color de primer plano
Establece el color del propio icono.
Elige un color que garantice que el icono sea claramente visible contra el fondo y complemente el diseño general.
Utilidad de color de primer plano
Aplica clases utilitarias para modificar el color de primer plano del icono.
Utiliza clases utilitarias CSS para aplicar fácilmente estilos de color predefinidos al icono, garantizando consistencia y facilidad en la personalización del diseño.
Radio del borde
Define el radio de las esquinas del borde del icono.
Ajusta el radio del borde para crear iconos con esquinas redondeadas, mejorando la presentación estilística de los iconos.
Última actualización
¿Te fue útil?
