À propos du projet

PCUI (PlayCanvas UI) est une bibliothèque de composants pour créer des interfaces utilisateur fiables et esthétiques pour les sites web et les outils web complexes. Elle fournit des composants entièrement stylisés pouvant être utilisés directement dans une page, des formulaires simples aux interfaces graphiques. L'installation s'effectue via npm install @playcanvas/pcui ; les éléments individuels peuvent être importés, et les styles sont importés une seule fois par projet. Les utilisateurs de React peuvent importer des composants depuis @playcanvas/pcui/react. La bibliothèque inclut une couche de liaison de données basée sur @playcanvas/observer, prenant en charge les liaisons observateurs-vers-élément, élément-vers-observateurs et bidirectionnelles afin que plusieurs composants puissent synchroniser des valeurs. Les composants se trouvent dans ./src/components et incluent généralement un élément index.ts, un fichier SASS style.scss, un wrapper React component.tsx et un fichier stories Storybook. Les développeurs peuvent exécuter npm run build pour un build dist personnalisé, npm run storybook pour parcourir et tester les composants, et npm run docs pour générer la référence API. PCUI utilise les classes .font-regular, .font-bold, .font-thin et .font-light avec une pile par défaut Helvetica Neue, qui peut être modifiée avec du CSS personnalisé. Un bundle UMD peut être construit en suivant le guide pour une utilisation dans les projets PlayCanvas Editor. Le README renvoie vers un manuel d'utilisation, une référence API, des exemples ESM, le Storybook React, un blog et un forum.