Skip to Content
DocumentationBuild UIGuidesUse Custom Components

Use Custom Components

Save a component as a custom component when you want to reuse it. Momen saves its design, data, and action settings so you can add the configured component elsewhere in the current project.

Custom components work well for completed UI such as navigation bars, product cards, and profile panels, saving you from configuring the same content repeatedly.

Save a custom component

  1. Select the component on the canvas or in the component tree.
  2. Right-click and select Save as ‘Custom Component’. You can also use a keyboard shortcut:
    • macOS: Shift + Command + K
    • Windows: Shift + Ctrl + K
  3. Enter a name and description, and optionally upload a preview image.
  4. After you save it, the component appears in the Custom category of the component library.

Add a custom component

  1. Open the Components tab in the left sidebar, then open the component library.
  2. Switch to the Custom category.
  3. Drag the component onto the canvas, or double-click it to add it to the selected page or container.

Momen copies the saved design, data, and action settings into the new component. The new component is an independent copy: it does not inherit from the component that was originally saved or from any other copy. Changes to one component do not affect the others.

For the basics of using the component library, see Build Your First Page · Add and configure components.

Limits

  1. Each project can store up to 1000 custom components.
  2. A custom component is available only in the project where it was saved. It cannot be used across projects.
  3. After you add a custom component, you can edit the new component independently. Its changes are not written back to the saved custom component.
Last updated on
Build Your First PageDesign Panel