Об этом проекте

PCUI (PlayCanvas UI) представляет собой библиотеку компонентов для создания надежных и визуально привлекательных пользовательских интерфейсов для веб-сайтов и сложных веб-инструментов. Она предоставляет полностью стилизованные компоненты, которые можно использовать непосредственно на странице: от простых форм до графических интерфейсов. Установка осуществляется через npm install @playcanvas/pcui; отдельные элементы можно импортировать, при этом стили импортируются один раз на проект. Пользователи React могут импортировать компоненты из @playcanvas/pcui/react. Библиотека включает слой привязки данных, построенный на базе @playcanvas/observer, поддерживающий связи «observer-к-элементу», «элемент-к-observer» и двустороннюю привязку, что позволяет нескольким компонентам синхронизировать значения. Компоненты расположены в ./src/components и обычно включают файл index.ts, SASS-файл style.scss, обертку React component.tsx и файл историй Storybook. Разработчики могут использовать npm run build для создания пользовательской сборки dist, npm run storybook для просмотра и тестирования компонентов, а также npm run docs для генерации справочника API. PCUI использует классы .font-regular, .font-bold, .font-thin и .font-light со стеком шрифтов по умолчанию Helvetica Neue, который можно переопределить с помощью пользовательского CSS. UMD-бандл может быть собран согласно руководству для использования в проектах PlayCanvas Editor. В README содержатся ссылки на руководство пользователя, справочник API, примеры ESM, React Storybook, блог и форум.