Shortcuts
Next region
F9
Previous region
ShiftF9
Jump to toast
⌥Enter
Dismiss toast
⌥Q
Go to incoming interaction popup.
⌥Enter
Dismiss incoming interaction popup.
⌥Q

Field groups

Field groups logically group content within a form, data, and other application content. Field groups break up information and visually group similar pieces of content together.

Usage

Set a concise name for the field group that conveys the purpose of the section and outlines the contents within.

Field groups that are collapsible can expand or collapse the content within by toggling the header of the group.

For best practices on building forms with inputs in the design system, visit the Forms page under Patterns.

Example

Date 1
//
MM/DD/YYYY
Date 2
//
MM/DD/YYYY

Configuration

To learn more about configuration, visit Pega Documentation.

All information on this site is for Pega's UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability 'User Experience' and 'Constellation' in your request.

Related components

  • Form
Automatically moves focus to next input when current input is completed.Automatically moves focus to next input when current input is completed.