ROW

El componente ROW crea una fila contenedora para organizar componentes de forma horizontal.

Se utiliza para agrupar y distribuir componentes UI en una fila, permitiendo layouts flexibles y responsivos.

Propósito

ROW permite a los desarrolladores:

• Organizar componentes en disposición horizontal
• Crear layouts complejos y responsivos
• Controlar el espaciado y alineación de componentes
• Facilitar la estructura visual de formularios y dashboards
• Definir ancho de columnas y comportamiento responsive

Propiedades

Propiedad	Tipo	Obligatorio	Valor predeterminado	Descripción
type	string	Sí	—	Debe ser ROW
name	string	Sí	—	Identificador del componente
gap	number	No	2	Espaciado entre elementos en la fila (puede ser 0 a 5)
align	string	No	start	Alineación vertical: start, center, end, stretch
justify	string	No	start	Justificación horizontal: start, center, end, between, around, evenly
cssClass	string	No	""	Clase CSS adicional para personalizar el estilo
cssStyle	string	No	""	Estilos CSS en línea para personalizar el componente
visible	boolean	No	true	Indica si el componente es visible
children	array	Sí	—	Array de componentes contenidos en la fila

Ejemplo de uso

type: ROW
name: header_row
gap: 3
align: center
justify: between
children:
  - type: DISPLAY
    name: title
    style: title
    template: Gestión de Usuarios
  - type: BUTTON
    name: add_button
    label: Agregar

Notas importantes

• ROW utiliza flexbox internamente para gestionar la distribución
• El gap define el espaciado entre elementos adyacentes
• La propiedad justify controla la distribución del espacio disponible
• Se puede anidar cualquier componente dentro de un ROW, pero no puede ser otro ROW
• ROW y COLUMN pueden anidarse para crear layouts complejos