Using Custom Components
Reusable UI blocks — navigation bars, product lists, profile panels — can be saved once as custom components and dragged onto any page in the same project.
Benefits
- Reuse across pages within one project.
- Team efficiency — collaborators use the same saved blocks without rebuilding.
Workflow
| Step | Description |
|---|---|
| Create | Select a component → right-click Save as Custom Component or Shift ⌘ K / Shift Ctrl K. Saves structure (style, data, action layout) but not bound data dependencies — reconfigure those after insert. |
| Metadata | Add preview image, name, and description in the panel. |
| Use | Drag or double-click from Custom Components in the left library; search by description when the list is long. |
Details: Page & Component Basics · Components.
Limits
- Up to 1000 custom components per project.
- Instance styles cannot be edited after save — update the source structure and re-save.
- Not shareable across projects (use Code Components for cross-project reuse).
Related Reading
Last updated on