Pega User Interface is a capability of the Pega Platform that allows users to customize their application for end-users by using portals, landing pages, and dashboards . The Pega Platform handles data and the user interface separately, allowing users to add data objects to a case type before using the data objects in a form and add controls to a form without associating them with a data object.
Currently, Pega has 2 Kind of UX Design systems.
1. Section-based design system
2. View-based design system
UI Kit -
The Pega UX Design System UI Kit is a collection of design resources that can be used to create user interfaces for applications built on the Pega Platform . It provides a set of user interface elements, including controls, patterns, and components, that can be used to create portals, landing pages, and dashboards.
Theme Cosmos -
Pega Theme Cosmos is a front-end UI library that helps you build powerful case management applications in compliance with Pega Platform best practices and guidelines . It is a section-based version of the Cosmos design system that provides a consistent library of components to form the entire user experience for both customer-facing applications and Pega Platform itself .
Cosmos React / Constellation -
Pega Cosmos React is a front-end user experience (UX) design system and architecture that is part of the Pega Infinity™ platform . It is based on the ReactJS framework, an open-source JavaScript library for building user interfaces . The Cosmos React architecture includes a new client-side engine called Constellation, which orchestrates Pega Platform application logic and data with any front-end design system .
So, currently, if we build any application Pega provides 2 Options.
Theme UI KIt, is not provided by default.
We can refer to this guideline, which architecture to follow.
There is something like a Hybrid mode also.
Comments