{"data":{"prismicDocsCategory":{"data":{"pages":[{"page":{"uid":"merge-start","document":[{"data":{"title":{"text":"Start"},"visible_in_table_of_content":"true"}}]}},{"page":{"uid":"merge-connect-your-library","document":[{"data":{"title":{"text":"Connect your library"},"visible_in_table_of_content":"true"}}]}},{"page":{"uid":"for-developers","document":[{"data":{"title":{"text":"For Developers"},"visible_in_table_of_content":"true"}}]}},{"page":{"uid":"merge-use-in-the-editor","document":[{"data":{"title":{"text":"Use in the Editor"},"visible_in_table_of_content":"true"}}]}},{"page":{"uid":"merge-publish-and-maintain","document":[{"data":{"title":{"text":"Publish and maintain"},"visible_in_table_of_content":"true"}}]}},{"page":{"uid":"merge-faq","document":[{"data":{"title":{"text":"Frequently Asked Questions"},"visible_in_table_of_content":"true"}}]}}]}},"prismicDocsPage":{"data":{"title":{"text":"Frequently Asked Questions"},"isVisibleForRobots":"true","body":[{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":"General"},"content":{"html":"

What component frameworks does Merge support?

Merge supports React. Web Components are supported through React wrappers: we’ve integrated the RMWC design system, which consists of React wrappers for web components. Vue and Angular components can’t currently be integrated directly. You can try to run other frameworks wrapped in React, but we can’t guarantee it will work.

Which React versions does Merge support?

React 18 and earlier are supported. React 19 support is experimental.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"

What code languages does Merge support?

Merge supports React components defined in:

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":""},"content":{"html":"

How do I get access to Merge?

To get access, contact support at hello@uxpin.com.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":""},"content":{"html":"

What is the newest version of Merge?

To see the latest version of @uxpin/merge-cli, check it on npm. To see which version you have installed, run npx uxpin-merge --version, or look at package.json in your design system.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"

Does Merge support different branches of the code repository?

Yes. By default Merge pushes the master branch. To push a different branch, use the --branch option, and to push a named version, use --tag. See Merge library version control.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"

How can I see my code component in my UXPin account?

There are three ways to connect your design system through Merge to UXPin:

  1. Use a continuous integration tool (recommended). See Connecting code to UXPin (CI & push).
  2. Use the push command in the terminal with your token. See the same page.
  3. Let Claude Code create the integration for an npm package or your source code. See AI-Assisted Merge Integration.

Where do I get the token for push?

Create a library in the UXPin Editor, select the option “Import React or Web Components from Git repo” and copy the authentication token. Don’t share it and don’t commit it to Git.

Can I use my Merge library with Forge and Wire?

Yes. Forge, UXPin’s AI, can generate and edit UI with your Merge library. See Forge with React libraries. With Wire, you can generate an app from a component of your Merge library, and you can publish a Wire project as a Merge library. See What is Wire.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"

Can I change the position of nested components?

Yes, you can change it by dragging components in the Layers panel. It changes the position of the layer and of the components. You can nest or unnest components in the Layers panel.

"}}},{"__typename":"PrismicDocsPageBodyVideo","slice_type":"video","primary":{"video_link":{"url":"https://uxpincommunity.cdn.prismic.io/uxpincommunity/3edfe04e-808b-466c-9472-f4749c910048_Changing+position+of+component.mp4"},"video_description":{"text":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":"Technical issues"},"content":{"html":"

Experimental mode can’t load

Many things can affect experimental mode, but deleting the .uxpin-merge file in your design system repository fixes it in most cases.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":""},"content":{"html":"

Why isn’t my checkbox checked in Preview?

It’s a common symptom of a “controlled” form control without a correct @uxpinbind annotation. Read more about “controlled” and “uncontrolled” form controls in the React documentation, and see Adjusting Components.

"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"

Why can’t I type into the text field in Preview?

The same cause: a “controlled” form control without a correct @uxpinbind annotation. See Adjusting Components.

"}}}]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"categoryUid":"merge","pageUid":"merge-faq","meta_description":"UXPin's merge Docs, frequently asked questions for new and advanced users","meta_image":"https://images.prismic.io/uxpincommunity/fa3875f8df8606e6405ba46165becc1ea6ed3d34.png?auto=compress,format","meta_title":"Frequently Asked Questions | Merge","page_title":"Frequently Asked Questions | Merge"}}