Herramientas de usuario
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof [2025/01/31 21:26] 192.168.175.192 |
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof [2025/03/18 14:13] (actual) 192.168.175.219 |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== Configuración librería UI Design System ====== | ====== Configuración librería UI Design System ====== | ||
| + | |||
| + | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||
| Esta librería funciona como un repositorio centralizado de componentes, permitiendo compartir y reutilizar elementos visuales de manera consistente en todas las aplicaciones. Al mantener un sistema de diseño unificado, garantiza la coherencia visual y mejora la eficiencia del desarrollo, reduciendo la duplicación de código y simplificando el mantenimiento de la interfaz de usuario. | Esta librería funciona como un repositorio centralizado de componentes, permitiendo compartir y reutilizar elementos visuales de manera consistente en todas las aplicaciones. Al mantener un sistema de diseño unificado, garantiza la coherencia visual y mejora la eficiencia del desarrollo, reduciendo la duplicación de código y simplificando el mantenimiento de la interfaz de usuario. | ||
| Línea 36: | Línea 38: | ||
| </code> | </code> | ||
| - | **Nota:** Asegúrese de que la librería esté correctamente instalada y configurada en su proyecto antes de realizar las importaciones. | + | **Nota:** Asegúrese de que la librería esté correctamente instalada y configurada en el proyecto antes de realizar las importaciones. |
| - | * Para implementar los componentes en su template, utilice los selectores específicos documentados para cada componente. Cada selector acepta diferentes parámetros y propiedades que puede configurar según sus necesidades. | + | * Para implementar los componentes en el template, utilice los selectores específicos documentados para cada componente. Cada selector acepta diferentes parámetros y propiedades que puede configurar según las necesidades. |
| <code> | <code> | ||
| Línea 55: | Línea 57: | ||
| ===== Componentes ===== | ===== Componentes ===== | ||
| - | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:list-table-component| ListTableComponent]] | + | === Componentes Generales === |
| - | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:layout-modal-component| LayoutModalComponent]] | + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:estructura-pagina-libreria|Estructura página]] |
| - | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:loader-component|LoaderComponent]] | + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:list-table-component| List Table → Tabla de Listado de datos]] |
| - | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:menu-bar-component|MenuBarComponent]] | + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:layout-modal-component| Layout Modal → Contenedor Modal]] |
| - | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:title-page-component|TitlePageComponent]] | + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:loader-component|Loader → Indicador de Carga]] |
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:menu-bar-component|Menu Bar → Barra de Navegación]] | ||
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:title-page-component|Title Page → Encabezado de Página]] | ||
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:button-component|Button → Botones de acciones]] | ||
| === Componentes de formulario === | === Componentes de formulario === | ||
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:estructura-formulario|Estructura formulario]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:form-item-component|Form Item → Contenedor item de formulario]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:form-item-component|Form Item → Contenedor item de formulario]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-text-component| Input Field (Text) → Campo de texto]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-text-component| Input Field (Text) → Campo de texto]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-button-component|Input Field (Button) → Campo con botón]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-button-component|Input Field (Button) → Campo con botón]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-dropdown-component|Input Field (Dropdown) → Campo de selección desplegable]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-dropdown-component|Input Field (Dropdown) → Campo de selección desplegable]] | ||
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-date-component|Input Field (Date) → Campo de selección de fecha]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-upload-component|Input Field (Upload) → Campo de subida de archivos]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-upload-component|Input Field (Upload) → Campo de subida de archivos]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-mask-component|Input Field (Mask) → Campo con máscara]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-mask-component|Input Field (Mask) → Campo con máscara]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-checkbox-component|Input Field (Checkbox) → Campo de casilla de verificación]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-checkbox-component|Input Field (Checkbox) → Campo de casilla de verificación]] | ||
| + | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:input-field-radiobutton-component|Input Field (RadioButton) → Campo de casilla de selección]] | ||
| * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:textarea-component|Textarea → Área de texto]] | * [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front:configuracion-libreria-ui-sicof:textarea-component|Textarea → Área de texto]] | ||
| + | ===== Versiones ===== | ||
| + | ^ Versión ^ Fecha de despliegue ^ Descripción ^ | ||
| + | |design-system-1.0.0.tgz | 07/02/2025 | Se realiza el despliegue de la primera versión de la librería.| | ||
| [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||
| + | |||
| + | ---- | ||
| + | |||
| + | //Documento actualizado: 03/03/2025//\\ | ||
| + | //Elaborado por: Luis Ardila - Desarrollador frontEnd// | ||
ada/howto/sicoferp/factory/new-migracion-sicoferp/front/configuracion-libreria-ui-sicof.1738358813.txt.gz · Última modificación: 2025/01/31 21:26 por 192.168.175.192
Herramientas de la página
