Skip to content
Customize UI Builder pages using components › Working in UI Builder › UI Builder › Builder library › Developing your application › Building applications
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Create custom presets for components

Create presets to save time and make your component configurations reusable across different experiences.

Before you begin

Role required: ui_builder_admin

Procedure

  1. Navigate to All > Now Experience Framework > UI Builder.

  2. Select Create.

  3. Select Preset.

  4. On the form, fill in the fields.

    FieldDescription
    NameName to track your preset internally.
    ComponentSelect the component you want to create a preset for.
    ControllerSelect the controller with data and logic to power the preset.
    DescriptionShort description to help find your preset. Write a description that helps page builders understand what content is included in the preset.

  5. Select Create.

    The preset building window opens.

Image omitted: preset-builder-window.png
Preset building window with no data added.

  1. Enter controller test values to preview data in the component preset.

  2. Configure the component properties you want to apply with the preset.

  3. Bind data from the controller to the component preset by dragging items from the data preview section to the fields in the configure panel.

Image omitted: preset-builder-configured.png
Configuration panel for component preset

  1. Add events to the component.

    For more information, see Configure an event handler manually.

  2. Select Save.

What to do next

Apply the preset you just created by selecting a preset in UI Builder.

Parent Topic:Customize UI Builder pages using components