Componentes básicos: Contenedor, Texto, Campo y Botón
El Contenedor organiza todo lo demás; Texto, Campo y Botón son los componentes que más vas a usar.
Contenedor: la base de todo diseño
El Contenedor es el componente más usado: agrupa otros componentes en fila o en columna (flexbox), o en columnas tipo grid (por ejemplo "15,15,70" para tres columnas con esos anchos). Un Contenedor puede anidarse dentro de otro Contenedor sin límite, igual que en cualquier diseño web moderno.
Texto, Campo y Botón
Texto muestra contenido fijo o interpolado con variables (por ejemplo, el nombre del usuario). Campo es la entrada de datos del usuario, con distintas "modalidades" según lo que necesites capturar: texto, número, fecha, selector, y más. Botón dispara eventos — típicamente Al presionar — que arrancan un Flujo de lógica.
Márgenes y tamaño
Cada componente tiene Margen Interno y Externo configurables por lado, en la unidad que elijas (px o %), y Ancho/Alto en px, % o automático. El tamaño automático deja que el componente crezca según su propio contenido, en vez de un valor fijo.
- Orientación: cuatro flechas para alinear el contenido dentro de un Contenedor.
- Superponer: control de z-index anclado a 9 puntos, para poner un componente encima de otro a propósito.
- Bordes: grosor por lado, radio por esquina, color y estilo configurables por separado.