Form inputs are the primary method of communication with customers inside of our app. That’s why consistent, clear, and familiar patterns and short, simplified forms are crucial in improving user conversion.
Here, we’ve defined the common input types, styles, modes, and layouts that Pega uses to drive results.
There are a variety of ways to have a conversation with your users. Below are the types of controls we currently support.
Give subtle cues to inform users of where they are in your form and what they are about to do.
Inputs have various visual modes, such as read-only, disabled, or invalid. Each style informs users what can and cannot be done in that form.
When to use an input
Figuring out which input to use at which time doesn’t need to be hard. Follow the suggested flowchart below to make the right decision.
Last updated: Feb 2018
Get the files
Want to begin working with the Pega Design System? Download the vector assets below.Download design files
Last updated: May 2017