Chapter 15

Build anything

The button was the practice run. The same steps build a rating, a map, a form layout or a whole case page. Design yours here and see the files appear.

Updated 4 Nov 2026Pega 24 – 26

Words you will meet

Field
Template
Widget
Presentation

On this page2

01One recipe, any component
02The studio

The pattern

One recipe, any component.

Every custom component follows the same loop: pick a kind, scaffold it, write it, preview it, test it, publish it. Only step two changes. A Field takes a value, a layout template takes child views, a widget draws on its own.

Play

The studio.

Component studioTry it: pick a kind, name it, add settings

1. What kind?

One control showing or collecting one value.

2. Which flavour?

3. Name itLabel people will see

4. Settings (props) · 2

src/components/StarRating/config.json

{  "name": "StarRating",  "label": "Star rating",  "type": "Field",  "subtype": "Text",  "properties": [    { "name": "maxStars", "label": "maxStars", "format": "TEXT" },    { "name": "readOnly", "label": "readOnly", "format": "TEXT" }  ]}

Illustrative skeletons that show the shape of the files. The real wizard (chapter 07) writes the exact versions.

Your turn

Questions and comments

Stuck on something, or have a thought? Write it here. To talk about one part, use the Comment button under that section's heading.