Shortcuts
Next region
F9
Previous region
⇧F9

AIButton

core package4.0.1

Note: All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Community.

AIButtons execute generative AI actions when a user interacts with them, such as pre-filling Forms. Any other action that is not related to generative AI should use a regular Button component.

Usage

The AIButton is more restricted in its usage than the regular Button component. It requires a textual label and inherits other base Button props such as disabled. The icon cannot be modified, but the color of the button can be updated via the ai Theme token.

Examples

Which office(s) have you worked in?
Do you enjoy early morning meetings?
Selections will be made on a first-come basis
We will take any of your requests into consideration
0 of 200

Related components

Properties

NameDescriptionDefaultType
label*The text content of the AIButton.string
refRef<HTMLButtonElement>