Smart Components are reusable building blocks that Creators build once and place in any module in the environment. The Smart Components Hub is where all components in the environment are created, edited, and managed.
Creating a Smart Component
To create a Smart Component, select 
Library in the global header, then select 
Smart Components Hub. Select Dashboard in the Explorer panel, then click + Create Component.
Enter the following in the creation dialog:
Field | Description |
|---|---|
Name | The display name for the component. This name displays in the component tray in Module Builder when the component is available for use. |
Type | The component type: UI, Logic, or Query. Read-only after creation. |
The component opens in the Smart Component Editor immediately after creation.
Component Settings
After creation, access the component's settings from the 
(ellipsis) menu in the editor toolbar and select Settings.
Field | Description |
|---|---|
Type | The component type: UI, Logic, or Query. Read-only. The type is fixed at creation and cannot be changed. |
Component Name | The display name for the component. Editable. Renaming does not affect the component's internal ID. |
Description | A brief description of what the component does. Optional. |
Category | The component tray section this component is grouped under in Module Builder. Select from the fixed set of available categories. Clearing the field places the component under Uncategorized. |
For Query Smart Components, the settings dialog also includes execution and role-based access controls. See Smart Component Settings.
Building in the Editor
The Smart Component Editor provides different views based on component type. For a full reference of views and controls, see Smart Component Editor.
Type | Available views |
|---|---|
UI | UI View, Config View, Tests |
Logic | Config View, Tests |
Query | Query Pipeline, Tests |
Click Save in the toolbar to save the component. Each save is recorded in the component's Change History. Navigating away with unsaved changes displays a confirmation prompt.
Making a Component Available
Saved Smart Components are immediately available in the component tray in Module Builder for all Creators in the environment. Components display under the category assigned in settings, or under Uncategorized if no category is set.
Editing a Smart Component
To open an existing Smart Component for editing, select it from the Smart Components Hub dashboard or from the Explorer panel. To edit a component directly from a module, select it on the canvas and choose Open in Library in the Properties panel.
Edits are saved into a private draft buffer first and do not affect any module until Apply Edit is clicked. When applied, the change takes effect in every module using the component. See Smart Component Editor for full details on the Save and Apply Edit flow.
Promoting a Component to the Shared Library
Logic Blocks and UI Blocks created in Module Builder can be promoted to the shared Smart Components Hub. On the canvas, click the component's (ellipsis) menu and select Add to Library. Once promoted, the component is available in the component tray in every module in the environment.
Changelog
Date | Change |
|---|---|
2026-08-13 | Rewrote for rebuilt Smart Component Editor (EN-8017, UQE-16586): removed Interface view, Code/QLang, and Preview sections; updated navigation ; added Query type; updated editor structure and See Also links. |
2026-08-10 | Renamed Edit Base to Open in Library, documented Duplicate Component, and noted both live on the Properties panel (UQE-16875). |
2026-07-01 | Added Editing Smart Components section: Edit button for private components, Add to Library promotion path, Edit Base for shared components in modules (UQE-16091). |
2026-06-29 | Initial draft — source reviewed from codebase; browser verify pending. |