pcui

PCUI (PlayCanvas UI)는 웹사이트 및 복잡한 웹 도구를 위해 신뢰할 수 있고 시각적으로 만족스러운 사용자 인터페이스를 구축하기 위한 컴포넌트 라이브러리입니다. 단순한 폼부터 그래픽 UI까지 페이지에서 직접 사용할 수 있는 스타일이 완전히 적용된 컴포넌트를 제공합니다. 설치는 npm install @playcanvas/pcui를 통해 이루어지며, 개별 요소를 임포트할 수 있고 스타일은 프로젝트당 한 번만 임포트하면 됩니다. React 사용자는 @playcanvas/pcui/react에서 컴포넌트를 임포트할 수 있습니다. 이 라이브러리에는 @playcanvas/observer를 기반으로 구축된 데이터 바인딩 레이어가 포함되어 있어, 옵저버-요소, 요소-옵저버 및 양방향 바인딩을 지원하여 여러 컴포넌트가 값을 동기화할 수 있습니다. 컴포넌트는 ./src/components에 위치하며 일반적으로 index.ts 요소, style.scss SASS 파일, React component.tsx 래퍼 및 Storybook stories 파일을 포함합니다. 개발자는 npm run build로 커스텀 dist 빌드를 수행하고, npm run storybook으로 컴포넌트를 탐색 및 테스트하며, npm run docs로 API 레퍼런스를 생성할 수 있습니다. PCUI는 Helvetica Neue 기본 스택과 함께 .font-regular, .font-bold, .font-thin, .font-light 클래스를 사용하며, 이는 커스텀 CSS로 오버라이드할 수 있습니다. PlayCanvas Editor 프로젝트에서 사용하기 위해 가이드를 따라 UMD 번들을 빌드할 수 있습니다. README에는 사용자 매뉴얼, API 레퍼런스, ESM 예제, React Storybook, 블로그 및 포럼 링크가 포함되어 있습니다.