Example Smart Components is a collection of production-quality Smart Components maintained by Unqork. Each is a concrete example of what the Build Agent can produce. Well-built, accessible, and themeable, they follow the same patterns the agent uses when authoring from scratch.
Example Smart Components illustrates common patterns. It is not a catalog of what the Build Agent can create. The Build Agent can produce a far wider range of components based on what Creators describe. Use Example Smart Components to learn how Smart Components are structured and to get started quickly, not as a ceiling on what is possible.
Each example is read-only and serves as a starting point. Copy one to the library and it becomes an independently owned component. Creators can rename it, re-theme it, extend it, or hand it to the Build Agent for further changes.
Example Smart Components are available in the Smart Components Hub under Example Smart Components in the Explorer panel.
Opening an Example Smart Component
Click
Libraries in the global header, then select 
Smart Components Hub.In the Explorer panel, select Example Smart Components to expand the section.
Select an example to open it in the Smart Component Editor.
Example Smart Components open in read-only mode. The full editor experience is available, including visual preview (for UI components), Logic View, typed interface, and description, but it cannot be edited.
Copying an Example to the Library
Select Copy to Library from an example's 
(ellipsis) menu in the Explorer, or open an example and select Copy to Library in the editor toolbar. The copy displays in a New Drafts section in the Explorer, identified by a yellow dot. Creators can rename it, re-theme it, extend it, or ask the Build Agent to make changes.
When the draft is selected, a Publish button displays at the top of the editor. Publishing makes the component Public and moves it out of New Drafts to display alongside other Public components in the Explorer.
The copy has no link back to the original. Unqork updates to Example Smart Components never affect copies in the library. Creators own and maintain their copies independently.
Available Examples
Fourteen examples are available at 9.0.
Example | Description |
|---|---|
TextField | Labeled text input with validation and help text. |
Number | Labeled numeric input. |
Checkbox | Single checkbox with a label. |
DatePicker | Date selection input. |
Combobox | Searchable select with filtered options. |
Radio | Radio button group. |
Button | Configurable action button. |
Card | Surface container for grouped content. |
CardWithChildren | Card with a typed slot for child components. |
Drawer | Slide-in panel with a typed content slot. |
Toast | Transient notification component. |
Carousel | Horizontally scrollable content container. |
Skeleton | Loading placeholder that matches a content layout. |
Dashboard | Dashboard layout with composable regions. |
Example Smart Components vs. Legacy Components
Example Smart Components is not a reimplementation of the legacy component catalog. Unlike legacy components, which are fixed, every example is a starting point Creators can modify using the Build Agent. It demonstrates reference patterns: structuring a labeled input with validation, building a composable card, handling loading states, and assembling a dashboard layout. If none of the examples match a use case, describe the component to the Build Agent and it will create one from scratch.
Changelog
Date | Change |
|---|---|
2026-09-10 | Removed "template" terminology throughout; restructured Copy to Library instructions — ellipsis menu first, toolbar button second (EN-8038). |
2026-09-09 | Corrected copy workflow — removed "New Drafts folder" (not a real UI label); copy lands as Private component in SC Hub (EN-8038). |
2026-09-08 | Corrected Explorer section label from "Starter Kit" to "Example Smart Components" — confirmed in source (EN-8038). |
2026-09-04 | Initial publication (EN-8038). |