Descripción general de los componentes
¿Qué son los componentes de Jutro?
Los componentes son los elementos básicos de Jutro Design System. Cada componente está diseñado e implementado para abordar una interacción específica o una necesidad de la interfaz de usuario. Puede combinar componentes pieza por pieza para crear patrones y experiencias de usuario intuitivas. Todos los componentes siguen las pautas y los requisitos de Jutro Design System, que favorecen una apariencia uniforme en todas las aplicaciones de Guidewire y garantiza que los equipos de productos respeten las prácticas recomendadas.
Los componentes satisfacen necesidades no funcionales como accesibilidad (a11y), capacidad de realizar pruebas y seguridad.
Además, son compatibles o están integrados con los métodos recomendados para la internacionalización (i18n), la tematización, los metadatos y el manejo de formularios.
Ejemplos de componentes
Los botones, las notificaciones y los campos de texto de entrada son ejemplos de componentes.
Características
- Son los componentes básicos de Jutro Design System.
- Son genéricos, reutilizables, configurables.
- Son responsive, pero tienen valores mín./máx. específicos.
- Están equipados con características para convertirlos en productos: i18n, a11y, se pueden tematizar, están documentados, probados, siguen la política de cambios sin interrupciones (NBC).
- Son actualizables.
¿Cómo los desarrolladores pueden utilizar los componentes?
Los componentes se pueden instalar en las aplicaciones como paquetes NPM típicos (en forma de dependencias versionadas) y, luego, están disponibles para su consumo en los lugares apropiados como componentes de React, con JSX/metadatos (configurados a través de propiedades).
¿Cómo los diseñadores pueden utilizar los componentes?
Los componentes se encuentran en la biblioteca Figma de Jutro. Estos elementos prediseñados se pueden arrastrar y soltar en nuevos diseños.