Mergeコンポーネントマネージャー（MCM）は、UXPinでのコンポーネントとそのプロパティの追加や修正を簡単化します。Merge Component Managerを使用して、プロップのJSDoc値を変更することもできます。

対応するJSDocタグは次のとおりです：

1. @uxpinpropname - エディタでprop名を変更
2. @uxpincontroltype - エディタの入力フォームタイプ
3. @uxpinignoreprop - エディタにあるpropを非表示する
4. @uxpindescription - エディタにあるpropの説明

始める前に

以下、Mergeコンポーネントマネージャーを使い始めるにあたっての必要事項です。

1. UXPinでMergeへのアクセス権：お持ちでない方はこちらのリンクより。
2. 3つのMerge統合のうちの1つを選択し、コンポーネントをUXPinにインポートしてください。

• Merge Gitリポジトリ統合 - 詳しくはこちらのチュートリアルをご覧ください。
• npm統合 - その方法については、こちらのチュートリアルを参照してください。

Mergeコンポーネントマネージャーの操作方法

Mergeコンポーネントマネージャーを使ってコンポーネントにプロパティを追加する場合、次のように操作します。

コンポーネントにプロパティを追加するには、追加したいコンポーネントを選択して Add new property ボタンをクリックします。 各プロパティについて必要な情報を追加します。例えば、MUI Button APIでそのprops、types、説明などのリストを見ることができます。好きなだけ追加することができます。

例えば、以下はButtonコンポーネントのラベルの例です。

a8859039-fd3f-454b-a7dd-f8e6d2b7be5f_static_last.avif

コンポーネントプロパティのプレビューです。