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コンポーネントマネージャーの操作方法

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

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

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

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

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