आइकन
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 पैकेज लिखता है वह ऐप के अपने स्वामित्व का सोर्स है: ग्लिफ़ वहीं जोड़िए और बाकी की तरह ही कॉल कीजिए। इसके Icon और Assets को ui.Pages को icon और iconAssets के रूप में दीजिए, तो आपका सेट फ़्रेमवर्क के अपने सेट से आगे खड़ा रहेगा।
Funcs: template.FuncMap{"icon": icons.Icon, "iconAssets": icons.Assets, "asset": assets.Path},हमेशा दोनों पास कीजिए। सिर्फ़ icon देने पर iconAssets फ़्रेमवर्क के डिफ़ॉल्ट पर ही रह जाता है, और cdn या js डिलीवरी बिना किसी त्रुटि के टूट जाती है।