Lily के पक्ष में तर्क

आपन डिजाइन से शुरू करीं

रउआ के टीम के पहिले से पता बा कि रउआ के उत्पाद कइसन लउके के चाहीं। Lily ठीक ओहिजे से शुरू होला: ऊ अइसन हिस्सा देला जे सही करे में सचमुच कठिन आ फेर से करे में महँग बा — सही सेमांटिक तत्व, ARIA स्थिति, कीबोर्ड करार, फोकस प्रबंधन — आ हर दृश्य फैसला पूरा, खुशी से, रउआ पर छोड़ देला। रउआ के CSS पहिला दिन से डिजाइन प्रणाली के रूप ह।

काहें कि हर घटक में स्थिर क्लास हुक आ शुद्ध संरचना बा, हर अपग्रेड में रउआ के शैली साफ-साफ रउआ के रहेला — आ नीचे के सुलभता संस्करण-दर-संस्करण काम करत रहेला।

Lily का वादा करेला

• डिफ़ॉल्ट रूप से सुलभ। WCAG 2.2 AAA हर घटक खातिर लक्ष्य ह। पैटर्न WAI-ARIA Authoring Practices के पालन करेलें; हर इंटरैक्टिव घटक दस्तावेज वाला करार से कीबोर्ड से चलावल जा सकेला; उदाहरण ऐप साफ axe-core बेसलाइन रखेलें।
• बनावट से ही अंतरराष्ट्रीयकरण लायक। प्रयोगकर्ता के लउके वाला हर स्ट्रिंग — हर लेबल, गलती आ घोषणा — फ्रेमवर्क में स्थिर नाम वाला प्रॉप ह, एहसे अनुवाद स्वाभाविक रूप से बहेला। RTL आ द्विदिशी टेक्स्ट रउआ के dir से विरासत में लेलें। लोकेल-जागरूक घटक लोकेल के प्रॉप के रूप में लेलें, हमेशा साफ तरीका से।
• एक कैटलॉग, आठ फ्रेमवर्क। उहे 571 घटक (536 मूल Web Components के रूप में) HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks आ Web Components में उहे क्लास हुक आ प्रॉप रीति के साथे। रउआ के CSS आ टीम के ज्ञान स्टैक के बीच ट्रांसफर होला।
• CSS रणनीति से स्वतंत्र। हर घटक रूट खातिर एगो स्थिर केबाब-केस क्लास। सेमांटिक CSS, Tailwind यूटिलिटी, CSS-in-JS, भा 57 तैयार थीम में से एगो — Lily सबके स्वागत करेला आ सुंदर तरीका से रास्ता से हट जाला।
• मुफ्त, हमेशा खातिर, रउआ के शर्त पर। BSD, MIT, Apache-2.0, GPL-2.0, भा GPL-3.0 में रउआ के चुनाव के तहत ओपन सोर्स। प्रो स्तर ना, सीट लाइसेंस ना, टेलीमेट्री ना।

जहाँ मायने रखेला ओहिजा गहराई

आम बटन आ डायलॉग से आगे, कैटलॉग अधिकतर से आगे तक जाला:

• सार्वजनिक क्षेत्र के पैटर्न NHS UK, GOV.UK, USWDS आ ONS डिजाइन प्रणाली से शोधल — गलती सारांश, चेतावनी बक्सा, सारांश सूची, चरण बैनर, छोड़े वाला लिंक।
• 140 राष्ट्रीय व्यक्तिगत पहचानकर्ता घटक 50 से अधिका देश में स्वास्थ्य सेवा, राष्ट्रीय-ID, कर आ पासपोर्ट पहचानकर्ता के कवर करे वाला, हर एक आपन प्रारूप आ सत्यापन एल्गोरिदम के दस्तावेज करेला।
• संपादकीय आ scrollytelling बुनियादी तत्व Reuters Graphics से अपनावल — लेख लेआउट, स्क्रॉलर, टाइमलाइन, टाइल नक्शा।
• चुनवइया सहायक — छोट पैकेज जे एक इंटरैक्शन के शुरू से आखिर तक सँभालेलें: थीम बदलल (रनटाइम स्टाइलशीट लोडिंग के साथे), भाषा, टेक्स्ट आकार, कम गति, खोज, पन्ना लिंक, साझा करे आ तारीख-समय दर्ज। हर एक हेडलेस आइकन बटन ह जे पॉपअप खोलेला — मूल <select> ना — भीतर बनल टिकाऊपन आ SSR सुरक्षा के साथे।

सार्वजनिक क्षेत्र खातिर थीम, बक्सा से सीधे तैयार

Lily 57 स्वतंत्र संदर्भ थीम देला जे सीधे एकरा क्लास हुक के निशाना बनावेलें: NHS England, NHS Scotland आ NHS Wales (हर एक मरीज-केंद्रित आ पेशेवर-केंद्रित रूप में), GOV.UK, USWDS, Adobe Spectrum आ Mozilla Protocol से प्रेरित पैलेट, आ सामान्य-उद्देश्य हल्का आ गहिरा थीम के सेट। एगो स्टाइलशीट जोड़ीं आ सरकारी स्तर के रूप चालू हो जाला; सहायक theme-picker उनहन के रनटाइम पर बदलेला।

Lily के तुलना कइसे होला

हमनी एगो ईमानदार, घटक-दर-घटक दोसर डिजाइन प्रणाली से तुलना रखीले — शैली वाला आ हेडलेस, व्यावसायिक आ सार्वजनिक क्षेत्र के। जहाँ कवनो दोसर लाइब्रेरी रउआ के बेहतर बइठे, ओहिजा तुलना देखाई; Lily सबसे सीखेला आ आपन प्रेरणा के स्रोत खुल्लम-खुल्ला बतावेला।

एकरा पीछे के बा

Lily एगो जवान, स्वतंत्र ओपन-सोर्स परियोजना ह जे सहयोग, मार्गदर्शन आ प्रतिक्रिया के स्वागत करेला — देखीं के बारे में कहानी आ प्रेरणा के स्रोत खातिर। सब कुछ — विनिर्देश, परीक्षण, रोडमैप, ऑडिट उपकरण तक — इहाँ खुल्ला बा: github.com/LilyDesignSystem.

Lily के बढ़े में मदद करीं

अगर Lily रउआ खातिर उपयोगी बा, त सबसे कीमती चीज जे रउआ कर सकीले:

• तारा दीं आ साझा करीं। के तारा दीं मुख्य रेपो आ कवनो सहकर्मी के कैटलॉग देखाईं — जागरूकता एगो जवान परियोजना के सबसे दुर्लभ संसाधन ह।
• कुछ बनाईं आ हमनी के बताईं। असली दुनिया के उपयोग रिपोर्ट — का काम कइलस, का अउर सहज हो सकेला — रोडमैप के कवनो चीज से जादे आकार देलें।
• सुलभता के ऑडिट करीं। स्क्रीन-रीडर पास (VoiceOver, NVDA, JAWS) उदाहरण ऐप पर सोना बराबर बा; जवन मिले ओकर रिपोर्ट करीं।
• थीम भा अनुवाद के योगदान दीं। दूनो स्वयंपूर्ण, ठीक से सीमित पहिला योगदान बाड़ें।
• जवन मिले ओकरा के कम से कम पुनरुत्पादन के साथे साझा करीं, GitHub रिपॉजिटरी पर, भा ईमेल करीं joel@joelparkerhenderson.com.