इस प्रोजेक्ट के बारे में
Material Web वेब कंपोनेंट्स का एक पुस्तकालय है जिसे material-components संगठन के तहत बनाए रखा गया है। इसका घोषित उद्देश्य सुंदर और सुलभ वेब एप्लिकेशन बनाने में मदद करना है, और यह Google के ओपन-सोर्स डिज़ाइन सिस्टम के नवीनतम संस्करण, Material 3 को लागू करता है।
यह क्या प्रदान करता है
- कस्टम एलिमेंट्स (md- प्रीफिक्स के साथ) का एक संग्रह जिसे साधारण HTML में उपयोग किया जा सकता है, जैसे कि md-checkbox, md-radio, md-outlined-text-field, md-outlined-button और md-icon-button।
- एक साझा "all.js" एंट्री पॉइंट जो पूर्ण कंपोनेंट सेट को इम्पोर्ट करता है, साथ ही अधिक चयनात्मक लोडिंग के लिए व्यक्तिगत कंपोनेंट मॉड्यूल भी उपलब्ध हैं।
- एक typescale styles मॉड्यूल (md-typescale-styles.js) के माध्यम से टाइपोग्राफी समर्थन, जो एक adoptable stylesheet प्रदान करता है जिसे document.adoptedStyleSheets में डाला जा सकता है। md-typescale-display-medium और md-typescale-body-medium जैसी यूटिलिटी क्लासेस Material typescale से मैप होती हैं।
README एक बिल्डलेस क्विक-स्टार्ट उदाहरण दिखाता है जो इम्पोर्ट मैप और मॉड्यूल स्क्रिप्ट के माध्यम से CDN से लाइब्रेरी को लोड करता है, साथ ही Google Fonts से Roboto वेबफॉन्ट को भी लोड करता है। डॉक्स में एक अलग क्विक-स्टार्ट गाइड इंस्टॉलेशन और प्रोडक्शन के लिए बिल्ड करने की प्रक्रिया को कवर करती है।
दस्तावेज़ीकरण और संसाधन
- docs/intro.md - परिचय
- docs/roadmap.md - रोडमैप
- docs/components/ - प्रति-कंपोनेंट दस्तावेज़ीकरण
- docs/size.md - बंडल साइज़ की जानकारी
- docs/support.md - ब्राउज़र समर्थन और FAQ
- docs/quick-start.md - इंस्टॉलेशन और प्रोडक्शन बिल्ड मार्गदर्शन
प्रोजेक्ट की स्थिति
- README स्पष्ट रूप से बताता है कि MWC (Material Web Components) नए मेंटेनर्स की प्रतीक्षा में मेंटेनेंस मोड में है, और एक GitHub चर्चा का लिंक देता है। कोई भी व्यक्ति जो इसे दीर्घकालिक प्रोजेक्ट के लिए मूल्यांकन कर रहा है, उसे इस बात का ध्यान रखना चाहिए।
- Angular उपयोगकर्ताओं के लिए, README इसके बजाय Angular Material कंपोनेंट्स की सिफारिश करता है।
वितरण और लाइसेंसिंग संदर्भ
- npm पर @material/web के रूप में प्रकाशित, जिसमें वर्जन और डाउनलोड आंकड़े बैज के माध्यम से दिखाए गए हैं, और esm.run और jsDelivr जैसी CDN सेवाओं के माध्यम से भी पहुँचा जा सकता है।
- निरंतर एकीकरण (CI) परीक्षण स्थिति GitHub Actions वर्कफ़्लो बैज के माध्यम से प्रदर्शित की जाती है, और रिपॉजिटरी सामुदायिक समर्थन के लिए Lit Discord चैट की ओर इशारा करती है।
सामान्य उपयोग
चूंकि ये मानक वेब कंपोनेंट्स हैं, इसलिए ये फ्रेमवर्क-अज्ञेय (framework-agnostic) हैं और उन्हें किसी भी पेज या एप्लिकेशन में डाला जा सकता है जो कस्टम एलिमेंट्स का समर्थन करता है, जिसमें स्टैटिक साइट्स, सर्वर-रेंडर्ड पेज और JavaScript फ्रेमवर्क शामिल हैं। स्टाइलिंग और थीमिंग Material 3 परंपराओं का पालन करते हैं, और फॉर्म-एसोसिएटेड कंट्रोल्स नेटिव HTML फॉर्म्स में भाग लेते हैं।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.