Veritran Docs

Color

Color del borde. Para establecer el color, haz clic en el campo y escribe un código de color hexadecimal o haz clic en el ícono cuadrado de bordes redondeados para abrir el selector de color. En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

Width

Ancho del borde. Escriba un número para establecer el ancho. Para cambiar la unidad de medida, haga clic en la elipsis (tres puntos) y seleccione una opción en el menú desplegable.

Flat

Haz clic en el botón de opción Flat para establecer un único color para el fondo del componente. Para establecer el color, haz clic en el campo y escribe un código de color hexadecimal o haz clic en el ícono cuadrado de bordes redondeados para abrir el selector de color. En el selector de color, seleccione un color o introduzca el código de color hexa o rgba.

También puede establecer el porcentaje de opacidad fuera del selector de color en el campo Opacidad. Si previamente seleccionó un color en el selector de color, la opacidad se establece en 100 de forma predeterminada. Si no se seleccionó ningún color, este campo está vacío. Para modificarlo, haga clic en el campo e introduzca el porcentaje deseado.

Gradient

Haz clic en el botón de opción Gradient para establecer un degradado de color para el fondo del componente. Haga clic en cada uno de los iconos cuadrados de bordes redondeados para abrir el selector de color. En el selector de color, seleccione un color o introduzca el código de color hexagonal en el campo respectivo. Haga clic para invertir el orden de los colores seleccionados para el degradado. Haga clic en o para definir la dirección del gradiente en posición horizontal o vertical, respectivamente.

Background Image

Haz clic en la casilla Image para añadir una imagen al fondo del componente. Puedes utilizar una imagen de fondo con las opciones de fondo flat y gradient. Haz clic en el campo Background Image y escribe el nombre de la imagen de fondo, o haz clic en Select an image para abrir el selector de imágenes. Selecciona una de las imágenes de la lista o utiliza la barra de búsqueda para encontrar una imagen por su nombre.

Spacing

Espacio entre las tarjetas dentro del grupo de tarjetas. Para establecer el espacio, haz clic en el campo y selecciona un valor entre 1 y 5 en el menú desplegable.

Important For Accessibility

Atributo que define si el lector de pantalla lee o ignora el valor definido en el atributo Texto de accesibilidad del componente. Haz clic en la flecha y selecciona una opción del menú desplegable. Elige true para que el lector de pantalla lea el componente o false para que el lector de pantalla no lea el componente. El valor por defecto es false.

Accessibility Text

Texto alternativo. Añade un texto breve para describir el componente a los usuarios que no puedan verlo. El texto será leído por iOS Voice Over o Android Talk Back. También puedes añadir el texto de accesibilidad al diccionario de traducciones o seleccionar una traducción existente si hay idiomas seleccionados en la configuración de tu app.Traducciones

Accessibility Order

Atributo que indica al lector de pantalla el orden en que debe leer los componentes. Para configurarlo, haz clic en el campo e introduce un número para definir el orden. Por ejemplo, si este componente debe leerse en tercer lugar, introduce el valor 3. Si no configuras un orden personalizado, los componentes se leen de arriba hacia abajo y de izquierda a derecha de la pantalla.