rastrillo डिज़ाइन सिस्टम
डिज़ाइन सिस्टम जो कुछ देता है, उसका अवलोकन। थीम: day। भाषा: हिन्दी।
आइकन
12 slug, इनलाइन SVG के रूप में वेंडर किए गए और बाइनरी में कंपाइल किए गए: कोई बिल्ड स्टेप नहीं, कोई दूसरा ओरिजिन नहीं, और नेटवर्क के बिना भी चलते हैं। हर एक का आकार tokens.css के अपने .icon नियम से बगल के टेक्स्ट के हिसाब से तय होता है — वही आकार जो आप यहाँ देख रहे हैं। जिस slug का कोई जवाब नहीं, वह कुछ भी नहीं बनाता; इसलिए टाइपो की कीमत एक गुम आइकन है, बीच रेस्पॉन्स में मरा हुआ पेज नहीं।
नाम rastrillo के अपने हैं
12 में से 5 lucide.dev पर प्रकाशित नाम से अलग हैं, इसलिए Lucide सेट भी अपने साथ एक अनुवाद तालिका रखता है। जिस आइकन के नीचे आख़िरी पंक्ति उसका नाम दोहराती नहीं, वही उनमें से एक है। फ़ायदा यह है कि ऐप चाहे कोई भी सेट स्कैफ़ोल्ड करे, एक ही कॉल का मतलब वही ग्लिफ़ रहता है, और भेजे गए partial सेट बदलने पर कभी नहीं बदलते।
kebab और menu वह जोड़ी है जिसे साफ़ रखना ज़रूरी है: kebab वे तीन बिंदु हैं जिनका मतलब है «इस पंक्ति पर और क्रियाएँ», और menu वे तीन रेखाएँ जिनका मतलब है नेविगेशन। शेल सिकुड़ते समय menu का इस्तेमाल करते हैं।
ग्लिफ़ कहाँ से आते हैं
Lucide, ISC लाइसेंस के तहत वेंडर किया गया और सोर्स में पिन किया गया — रनटाइम पर लाया नहीं जाता। rastrillo new --icons=font-awesome इसकी जगह Font Awesome Free स्कैफ़ोल्ड करता है: वह एक स्रोत है जिससे ऐप ले सकती है, इस फ़्रेमवर्क की निर्भरता नहीं। यहाँ कुछ भी उसे लाता नहीं, और Pro एक सशुल्क उत्पाद है जिसे rastrillo आपकी ओर से वेंडर नहीं कर सकता।
पूरा सेट lucide.dev (नए टैब में खुलता है) पर है।
ऐसा आइकन जो फ़्रेमवर्क नहीं भेजता
rastrillo new जो icons पैकेज लिखता है वह ऐप के अपने स्वामित्व का सोर्स है: ग्लिफ़ वहीं जोड़िए और बाकी की तरह ही कॉल कीजिए। ui.WithIcons वह जोड़ है जो आपके सेट को फ़्रेमवर्क के अपने सेट के आगे रखता है।
tmpl := template.Must(template.New("").
Funcs(ui.Funcs(ui.WithIcons(icons.Icon, icons.Assets))).
ParseFS(ui.Templates(), "*.html"))जाल, और यह चुपचाप लगता है: ui.FuncsWith icon और iconAssets को वापस अंतर्निहित सेट से बाँध देता है। जिस ऐप ने अपने आइकन स्कैफ़ोल्ड किए हैं उसे हर कॉल में दोनों जोड़ पास करने होंगे, वरना हर रिक्वेस्ट पर उसके आइकन Lucide पर लौट जाएँगे — और दिखने में सब कुछ पूरी तरह ठीक लगेगा।
ui.Funcs(ui.WithT(t), ui.WithIcons(icons.Icon, icons.Assets))