इस प्रोजेक्ट के बारे में

PCUI (PlayCanvas UI) वेबसाइटों और जटिल वेब टूल्स के लिए विश्वसनीय और दिखने में आकर्षक यूजर इंटरफेस बनाने के लिए एक घटक लाइब्रेरी है। यह पूरी तरह से स्टाइल किए गए घटक प्रदान करता है जिन्हें सरल फॉर्म से लेकर ग्राफिकल UI तक, सीधे पेज में उपयोग किया जा सकता है। इंस्टॉलेशन npm install @playcanvas/pcui के माध्यम से किया जाता है; व्यक्तिगत तत्वों को इम्पोर्ट किया जा सकता है, और स्टाइल को प्रति प्रोजेक्ट एक बार इम्पोर्ट किया जाता है। React उपयोगकर्ता @playcanvas/pcui/react से घटकों को इम्पोर्ट कर सकते हैं। इस लाइब्रेरी में @playcanvas/observer के इर्द-गिर्द निर्मित एक डेटा बाइंडिंग लेयर शामिल है, जो observers-to-element, element-to-observers और टू-वे बाइंडिंग का समर्थन करती है ताकि कई घटक मानों को सिंक्रोनाइज़ कर सकें। घटक ./src/components में स्थित होते हैं और आमतौर पर उनमें एक index.ts तत्व, एक style.scss SASS फ़ाइल, एक React component.tsx रैपर और एक Storybook stories फ़ाइल शामिल होती है। डेवलपर्स कस्टम dist बिल्ड के लिए npm run build, घटकों को ब्राउज़ और टेस्ट करने के लिए npm run storybook, और API संदर्भ उत्पन्न करने के लिए npm run docs चला सकते हैं। PCUI Helvetica Neue डिफॉल्ट स्टैक के साथ .font-regular, .font-bold, .font-thin और .font-light क्लासेस का उपयोग करता है, जिसे कस्टम CSS के साथ ओवरराइड किया जा सकता है। PlayCanvas Editor प्रोजेक्ट्स में उपयोग के लिए गाइड का उपयोग करके एक UMD बंडल बनाया जा सकता है। README में यूजर मैनुअल, API संदर्भ, ESM उदाहरण, React Storybook, ब्लॉग और फोरम के लिंक दिए गए हैं।