Merge 컴포넌트 매니저 (Merge Component Manager)은 UXPin에서 컴포넌트와 해당 속성의 추가 및 수정을 단순화합니다. UXPin에서 속성 이름 바꾸기, 설명 추가 및 컴포넌트 분류에도 유용합니다.

Merge 컴포넌트 매니저를 사용하여 속성에 대한 JSDoc 값도 변경할 수 있습니다.

지원되는 JSDoc 태그는 다음과 같습니다.

1. @uxpinpropname - 에디터에서 속성 이름 변경
2. @uxpincontroltype - 에디터의 입력 양식 유형
3. @uxpinignoreprop - 에디터에서 속성 숨기기
4. @uxpindescription - 에디터의 속성에 대한 설명

시작하기 전에

Merge 컴포넌트 매니저를 시작하는 데 필요한 몇 가지 사항입니다.

1. UXPin의 Merge 기술에 대한 액세스 권한이 필요합니다. 이 링크를 통한 상담예약을 하시거나, UXPin 홈페이나 앱 오른쪽 아래 있는 챗, 혹은 [email protected]을 통해 요청해 주세요.
2. 두 가지 Merge 통합 중 하나를 통해 컴포넌트를 UXPin으로 가져올 수도 있습니다.

• Merge GIT저장소 통합 - 여기에서 자세히 읽어보세요.
• npm 통합 - 여기에서 이를 수행하는 방법에 대한 자습서를 따르십시오.

Merge 컴포넌트 매니저는 어떻게 작동할까요?

Merge 컴포넌트 매니저를 사용하여 컴포넌트에 속성을 추가하려는 경우 작동하는 방식은 다음과 같습니다.

컴포넌트에 속성을 추가하려면 추가할 컴포넌트를 선택하고 Add new property 버튼을 클릭합니다. 각 속성에 대해 필요한 정보를 추가합니다. 예를 들어 MUI Button API에서 해당 props, types 및 설명 등에 대한 목록을 볼 수 있습니다. 원하는 만큼 추가하기만 하면 됩니다. 예를 들어 아래는 Button 컴포넌트의 레이블에 대한 예입니다.